:root{font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);color:#1e1d1a;--app-topbar-h:48px;--landing-bg:#f4f1ea;--landing-shadow-light:#fff;--landing-shadow-dark:#d8d2c8;--landing-periwinkle:#6f7cff;--landing-text:#2d3436;--landing-radius-lg:32px;--landing-radius-md:16px;--bas-shadow-raised:6px 7px 16px #1e1d1a12, -4px -4px 10px #ffffffbd, inset 0 1px 0 #ffffff6b;--bas-shadow-carved:inset 4px 4px 8px #1e1d1a0e, inset -4px -4px 8px #fffc;background:#f4f1ea}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{overflow-y:scroll}body{margin:0}.chiseled-heading{letter-spacing:-.04em;text-transform:uppercase;color:#3c4048e6;text-shadow:1px 1px 1px var(--landing-shadow-light), -1px -1px 1px var(--landing-shadow-dark);font-weight:800;line-height:.92}.display-ui-text{font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.035em;color:#2d3436eb;font-weight:800}.intaglio-text,.eyebrow,.subhead,.basTinyLabel,.events-setting-label{text-shadow:-1px -1px 1px var(--landing-shadow-light), 1px 1px 1px var(--landing-shadow-dark)}main{min-height:100vh}main.container{width:100%;max-width:100%;padding-top:var(--app-topbar-h);overflow-x:hidden}main.container.container--landing{padding-top:0}.hero-intro-overlay{z-index:2;pointer-events:none;justify-content:flex-end;padding:0 calc(24px + 12.5vw) 0 24px;display:flex;position:absolute;bottom:clamp(18px,7vh,96px);left:0;right:0}.hero-intro-overlay-inner{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#0c0c0c2e;border:1px solid #ffffff38;gap:18px;width:fit-content;max-width:min(640px,92vw);padding:16px 16px 16px 12px;display:grid}.hero-intro-copy{text-shadow:0 1px 14px #00000073;letter-spacing:-.015em;max-width:520px;font-weight:420;line-height:1.42;color:#ffffffeb!important;margin:0!important;font-family:Literata,Iowan Old Style,Palatino,Baskerville,Georgia,serif!important;font-size:clamp(.95rem,.9vw + .75rem,1.35rem)!important}.app-topbar{z-index:1000;letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--landing-text);background:var(--landing-bg);box-shadow:none;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:16px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:500;text-decoration:none;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-topbar{background:#ffffffe0}}.app-topbar-title{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.app-topbar-title-text{letter-spacing:inherit;letter-spacing:-.05em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:1.35rem;font-weight:900}.app-topbar-badge{border-radius:999px;flex:none;width:35px;height:35px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.app-topbar-title:hover{color:#0b0b0bb8}.app-topbar-title:focus-visible{outline-offset:-2px;outline:2px solid #0000008c}.topbar-auth{letter-spacing:normal;text-transform:none;align-items:center;gap:10px;font-weight:600;display:inline-flex}.topbar-login-button,.topbar-user-button{height:38px;padding:0 18px}.topbar-user-wrap{position:relative}.topbar-user-panel{background:#0c0c0cf5;border:1px solid #28d67c38;border-radius:12px;gap:6px;min-width:150px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0009}.topbar-user-item{color:#ffffffe6;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;height:34px;padding:0 10px}.topbar-user-item:hover{background:#28d67c1f;border-color:#28d67c40}.auth-modal-overlay{z-index:99999;background:#000000a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal-panel{background:#0a0a0af5;border:1px solid #28d67c38;border-radius:18px;width:min(460px,100%);padding:18px 18px 16px;animation:.22s ease-out authModalPopIn;position:relative;box-shadow:0 36px 110px #000000b8}.auth-modal-close{color:#fffc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:38px;height:38px;font-size:22px;line-height:0;position:absolute;top:10px;right:10px}.auth-modal-title{letter-spacing:-.02em;color:#ffffffeb;margin:10px 0 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:1.25rem}.auth-modal-form{gap:12px;display:grid}.auth-modal-field{color:#ffffffd1;gap:6px;font-size:.9rem;display:grid}.auth-modal-field input{color:#ffffffeb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;height:42px;padding:0 12px}.auth-modal-field input:focus{border-color:#62ffadb3;box-shadow:0 0 0 3px #28d67c2e}.auth-modal-error{color:#ff69b4eb;margin:0;font-size:.92rem}.auth-modal-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.auth-modal-primary,.auth-modal-secondary{letter-spacing:.02em;cursor:pointer;border-radius:999px;height:40px;padding:0 14px;font-weight:700}.auth-modal-primary{color:#020202;background:#28d67ceb;border:1px solid #ffffff24}.auth-modal-secondary{color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff1a}.welcome-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-modal-panel{background:var(--landing-bg);width:min(980px,100vw - 64px);max-height:min(82vh,760px);color:var(--landing-text);border:1px solid #8a817424;border-radius:32px;padding:22px;overflow:hidden;box-shadow:18px 22px 48px #1e1d1a29,-10px -10px 24px #ffffffd1,inset 0 1px #fff6}.welcome-modal-close{color:#2d3436bd;box-shadow:var(--bas-shadow-raised);background:linear-gradient(#ffffffd1,#f4f1eafa);border:1px solid #8a817424}.welcome-modal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;min-height:min(68vh,620px);display:grid}.welcome-modal-figure{justify-content:center;align-items:stretch;min-width:0;display:flex}.welcome-modal-image-slot{aspect-ratio:auto;background:radial-gradient(circle at 20% 20%, #6f7cff2e, transparent 35%), radial-gradient(circle at 80% 25%, #ffd69933, transparent 30%), linear-gradient(180deg, #ffffff9e, #f4f1eaf5), var(--landing-bg);width:100%;max-width:100%;height:100%;min-height:min(68vh,620px);box-shadow:var(--bas-shadow-carved);border-radius:28px;place-items:center;padding:20px;display:grid;position:relative;overflow:hidden}.welcome-modal-image{object-fit:cover;border-radius:22px;width:100%;height:100%;display:block;box-shadow:10px 12px 24px #1e1d1a1f,inset 0 1px #ffffff57}.welcome-modal-image-slot span{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#4a48448f;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f1eadb;border-radius:999px;padding:10px 12px;font-size:.78rem;position:absolute;bottom:18px;left:20px;right:20px}.welcome-modal-copy{align-content:start;gap:8px;min-width:0;min-height:0;padding:4px 6px 4px 0;display:grid}.welcome-modal-kicker{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.2em;text-transform:uppercase;color:#4a4844a8;margin:0;font-size:.72rem}.welcome-modal-title{letter-spacing:-.05em;color:#161512f5;text-shadow:none;max-width:none;margin:0;font-size:clamp(2.3rem,3.3vw,3rem);line-height:.98}.welcome-modal-intro{color:#6c7071f0;max-width:34ch;margin:0;font-size:1rem;line-height:1.4}.welcome-modal-subtitle{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.11em;text-transform:uppercase;color:#706b63b8;text-shadow:1px 1px #ffffffeb,-1px -1px #d8d2c8e0;max-width:48ch;margin:0;font-size:.62rem;line-height:1.45}.welcome-modal-body{background:#6f7cff14;border:1px solid #6f7cff42;border-radius:18px;min-height:0;max-height:min(30vh,260px);padding:12px 8px 12px 14px;overflow:hidden auto}.welcome-modal-body p,.welcome-modal-postscript{color:#4a4844db;margin:0;font-size:.98rem;line-height:1.54}.welcome-modal-body p{white-space:pre-line}.welcome-modal-postscript{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.08em;text-transform:uppercase;color:#4a4844ad;text-shadow:1px 1px #ffffffe6,-1px -1px #d8d2c8d1;margin-top:8px;font-size:.66rem;line-height:1.55}.welcome-modal-actions{justify-content:flex-start;padding-top:4px;display:flex}.welcome-modal-primary{background:var(--landing-bg);color:#2d3436eb;min-height:46px;box-shadow:var(--bas-shadow-raised);border:1px solid #8a817424;border-radius:999px;padding:0 18px}@media (max-width:920px){.welcome-modal-panel{width:min(720px,100vw - 28px);max-height:min(84vh,820px);padding:20px}.welcome-modal-layout{grid-template-columns:1fr}.welcome-modal-image-slot{width:min(100%,320px);height:auto;min-height:240px}.welcome-modal-title{max-width:none}.rhythm-control-grid-primary{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:640px){.rhythm-control-grid-primary,.rhythm-control-grid-secondary,.rhythm-learn-grid{grid-template-columns:1fr}}@keyframes authModalPopIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.upload-page{gap:32px;width:100%;max-width:1040px;margin:0 auto;padding:64px 24px 96px;display:grid;overflow-x:hidden}.melody-page{gap:28px;max-width:1040px;padding-top:56px}.melody-page .hero{gap:8px}.melody-page .hero h1{letter-spacing:-.05em}.melody-page .subhead{color:#2d3436b8;max-width:72ch}.melody-page .workflow-stage-merged{background:var(--landing-bg);border-radius:var(--landing-radius-lg);box-shadow:none;overflow:visible}.melody-page .workflow-stage-merged .workflow-stage-body{padding:14px 22px 22px}.upload-page>*{min-width:0}.hero{gap:12px;display:grid}.input-tabs{background:#1e1d1a0f;border-radius:1px;gap:8px;width:fit-content;padding:6px;display:inline-flex}.input-tabs button{cursor:pointer;color:#4a4844;background:0 0;border:0;border-radius:0;padding:8px 16px;font-size:.9rem}.input-tabs button.is-active{color:#fff;background:#1e1d1a}.workflow-shell{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59;gap:0;width:100%;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current){transform:translateY(-2px);box-shadow:10px 10px 20px #1e1d1a14,-10px -10px 20px #ffffffb3}.workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current):hover{transform:translateY(-3px)}.workflow-shell.success{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59}.workflow-shell.uploading{--workflow-bg:#ffffffbf;--workflow-border:#546a7866;--workflow-tab-bg:#ffffff73}.workflow-shell.error{--workflow-bg:#ffffffbf;--workflow-border:#904a4a80;--workflow-tab-bg:#ffffff73}.workflow-shell.idle{--workflow-bg:#ffffffb3;--workflow-border:#52504a38;--workflow-tab-bg:#ffffff59}.pipeline-stepper.workflow-tabs{background:0 0;flex-wrap:wrap;justify-content:stretch;align-items:flex-end;gap:0;padding:0;display:flex}.workflow-topcopy{padding:18px 18px 12px}.workflow-topcopy .status-title{margin:0}.workflow-topcopy .status-message{color:#2d3436c7;margin:6px 0 0;line-height:1.45}.pipeline-stepper.workflow-tabs .pipeline-step{border:1px solid var(--workflow-border);background:var(--workflow-tab-bg);text-align:center;color:#4a4844;z-index:1;border-radius:14px 14px 0 0;flex:140px;justify-content:center;align-items:center;min-height:44px;margin-left:-1px;padding:10px 18px;font-size:.95rem;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.pipeline-stepper.workflow-tabs .pipeline-step.is-current:after{content:"";background:var(--workflow-bg);pointer-events:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pipeline-stepper.workflow-tabs .pipeline-step:first-child{margin-left:0}.pipeline-stepper.workflow-tabs .pipeline-step.is-active{color:#1e1d1a}.pipeline-stepper.workflow-tabs .pipeline-step.is-current{background:var(--workflow-bg);color:#1e1d1a;font-weight:600;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;z-index:3;border-bottom-color:#0000;font-weight:800;position:relative;bottom:-1px}.pipeline-stepper.workflow-tabs .pipeline-step:hover,.pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{color:#1e1d1a;z-index:2;transform:translateY(1px);box-shadow:5px 5px 10px #1e1d1a14,-5px -5px 10px #ffffffb3}.pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{outline:none}.workflow-panel{background:var(--workflow-bg);border:1px solid var(--workflow-border);box-shadow:none;border-top:0;border-radius:18px;margin-top:-1px;padding:0}.workflow-panel .status-card.workflow-status{box-shadow:none;background:0 0;border:0;border-radius:0 0 18px 18px;padding:22px 26px}.upload-page .workflow-panel .status-card.workflow-status{padding:24px 28px}.upload-page .workflow-panel .status-card.workflow-status .status-title{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase}.workflow-stage-merged{--folder-bg:#ffffffeb;--folder-border:#52504a24;--folder-shadow:none;background:var(--folder-bg);box-shadow:none;border:0;border-radius:22px;gap:0;display:grid;overflow:visible}.workflow-stage-standard{width:100%;max-width:100%;margin:0 auto}.workflow-stage-merged .workflow-shell{--workflow-bg:var(--folder-bg);--workflow-border:var(--folder-border);--workflow-tab-bg:#ffffff59;z-index:1;border-radius:22px;width:100%;position:relative;overflow:visible}.upload-page .workflow-stage-merged{background:var(--landing-bg);border-radius:var(--landing-radius-lg);box-shadow:none;overflow:visible}.upload-page .workflow-stage-merged .workflow-shell{border-radius:var(--landing-radius-lg);overflow:visible}.upload-page .workflow-stage-merged .workflow-stage-body{gap:8px;padding:10px 22px 18px}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step{background:var(--landing-bg);color:#2d3436c7;border-color:#0000;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step.is-current{background:var(--landing-bg);color:var(--landing-text);border-bottom-color:#0000;box-shadow:inset 2px 2px 5px #1e1d1a0f,inset -2px -2px 5px #ffffffb8}.upload-page .pipeline-stepper.workflow-tabs .pipeline-step:hover,.upload-page .pipeline-stepper.workflow-tabs .pipeline-step:focus-visible{box-shadow:inset 2px 2px 5px #1e1d1a14,inset -2px -2px 5px #ffffffb3}.workflow-stage-merged .pipeline-stepper.workflow-tabs .pipeline-step.is-current:after{display:none}.workflow-stage-merged .workflow-shell:has(.pipeline-stepper.workflow-tabs .pipeline-step.is-current){box-shadow:none;transform:none}.workflow-stage-merged .workflow-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0}.workflow-stage-merged .events-panel,.workflow-stage-merged .harmony-bounds{box-shadow:none;background:0 0;border:0;border-radius:0}.workflow-stage-body{z-index:20;gap:18px;min-width:0;padding:18px;display:grid;position:relative;overflow:visible}.workflow-stage-body>*{min-width:0}.workflow-fill{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}.workflow-stage-merged .workflow-stage-body{box-shadow:none;z-index:20;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.eyebrow{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#6b6a66;margin:0;font-size:.75rem}h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.subhead{color:#4a4844;max-width:52ch;margin:0;font-size:.98rem;line-height:1.72}.workflow-page-intro{gap:8px;margin-bottom:10px;display:grid}.workflow-page-intro-topline{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;display:flex}.workflow-page-intro-actions{max-width:52ch;display:block}.workflow-page-intro-links{display:contents}.workflow-page-intro-link{min-height:42px;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;color:#2d3436db;background:var(--landing-bg);font-weight:800}.workflow-page-intro-link-secondary,.workflow-page-intro-link-primary{z-index:900;position:fixed;top:50vh;transform:translateY(-50%)}.workflow-page-intro-link-secondary{left:24px}.workflow-page-intro-link-primary{right:24px}.workflow-page-intro-link.is-primary{color:#2d3436f0}.workflow-page-intro-note{color:#4a4844b8;max-width:46ch;margin-top:0;font-size:.9rem;line-height:1.62}.music-genres-faq{background:#ffffffbd;border:1px solid #201c141f;border-radius:18px;padding:18px 18px 12px;box-shadow:0 14px 26px #0a0a0a0f}.music-genres-faq-title{letter-spacing:.02em;margin:0;font-size:1.05rem}.music-genres-faq-subtitle{color:#262116b8;margin:6px 0 12px;font-size:.9rem;line-height:1.45}.music-genres-faq-list{gap:12px;display:grid}.music-genres-faq-item{background:#fbfaf6eb;border:1px solid #201c141f;border-radius:16px;overflow:hidden}.music-genres-faq-summary{cursor:pointer;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.02em;color:#161410eb;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:800;list-style:none;display:flex}.music-genres-faq-summary::-webkit-details-marker{display:none}.music-genres-faq-item>summary:after{content:"▾";color:#1614108c;font-size:.95rem;transform:translateY(-1px)}.music-genres-faq-item[open]>summary:after{content:"▴"}.music-genres-faq-body{border-top:1px solid #201c141a;padding:0 18px 16px}.music-genres-faq-body p{color:#262116d1;margin:12px 0 0;font-size:.9rem;line-height:1.5}.browse-files-panel{width:100%;min-width:0;max-width:100%;overflow-x:visible}.browse-files-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.browse-files-toolbar-meta{color:#4a4844cc;font-size:.95rem}.browse-files-toolbar-left,.browse-files-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.browse-files-toolbar-right{justify-content:flex-end}.browse-files-group-field{align-items:center;gap:8px;display:inline-flex}.browse-files-group-label{letter-spacing:.08em;text-transform:uppercase;color:#3c3a35bf;font-size:.8rem}.browse-files-group-input{color:#1e1d1a;background:#ffffffb3;border:1px solid #52504a2e;border-radius:999px;outline:none;width:160px;height:34px;padding:0 10px}.browse-files-group-input:focus-visible{border-color:#28d67c8c;box-shadow:0 0 0 3px #28d67c1f}.browse-files-scroll{background:#ffffffd9;border:1px solid #52504a1f;border-radius:14px;width:100%;max-width:100%;overflow-x:auto}.browse-files-table{width:100%}.browse-files-row{color:#3c3a35;border-bottom:1px solid #52504a1f;grid-template-columns:34px minmax(92px,.15fr) minmax(150px,.34fr) minmax(72px,.12fr) minmax(92px,.16fr) minmax(88px,.12fr) minmax(108px,.18fr) minmax(248px,auto);align-items:center;gap:1px;padding:10px 4px;font-size:.92rem;display:grid}.browse-files-row:last-child{border-bottom:none}.browse-files-group-row{color:#3c3a35;background:#1e1d1a0a;border-bottom:1px solid #52504a1f;grid-template-columns:34px 1fr;align-items:center;gap:2px;padding:10px 6px;display:grid}.browse-files-group-row.is-highlight{animation:3s ease-out browseFilesGroupHighlight}@keyframes browseFilesGroupHighlight{0%{background:#1d7bff2e}20%{background:#1d7bff42}to{background:#1e1d1a0a}}.browse-files-group-toggle{cursor:pointer;color:#1e1d1a;background:#ffffffb3;border:1px solid #52504a2e;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.browse-files-group-toggle:hover,.browse-files-group-toggle:focus-visible{background:#28d67c1f;border-color:#28d67c8c}.browse-files-group-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.browse-files-group-count{color:#3c3a35a6;font-weight:500}.browse-files-head{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;background:#1e1d1a0f;font-size:.8rem}.browse-files-file{gap:2px;min-width:0;display:grid}.browse-files-row>div{min-width:0}.browse-files-filename{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.browse-files-id{color:#4a4844b3;font-size:.78rem}.browse-files-notes{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.browse-files-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.browse-files-button{cursor:pointer;color:#1e1d1a;white-space:nowrap;background:#ffffffb3;border:1px solid #52504a2e;border-radius:999px;height:34px;padding:0 10px;font-size:.88rem}.browse-files-button:hover,.browse-files-button:focus-visible{background:#28d67c1f;border-color:#28d67c8c}.browse-files-analyze{border-color:#28d67c4d}.browse-files-trash{border-color:#a04a4a42}.browse-files-trash:hover,.browse-files-trash:focus-visible{background:#a04a4a1f;border-color:#a04a4a8c}@media (max-width:900px){.browse-files-row{grid-template-columns:34px minmax(0,1fr) minmax(96px,.48fr) minmax(248px,auto)}.browse-files-row>div:nth-child(4),.browse-files-row>div:nth-child(5),.browse-files-row>div:nth-child(6),.browse-files-row>div:nth-child(7),.browse-files-head>div:nth-child(4),.browse-files-head>div:nth-child(5),.browse-files-head>div:nth-child(6),.browse-files-head>div:nth-child(7){display:none}}.browse-details-panel{background:var(--landing-bg);border:0;border-radius:28px;box-shadow:18px 18px 36px #1e1d1a1a,-18px -18px 36px #ffffffbd}.browse-details-panel .auth-modal-close{background:var(--landing-bg);color:#353028db;border:0;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.browse-details-panel .auth-modal-title{color:#2f2a23}.browse-details-layout{gap:14px;display:grid}.browse-details-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.browse-details-stat,.browse-details-rhythm-card,.browse-details-chords-card,.browse-details-notes-card{background:var(--landing-bg);border:0;border-radius:22px;box-shadow:inset 3px 3px 6px #1e1d1a14,inset -3px -3px 6px #ffffffb8}.browse-details-stat{gap:6px;padding:14px 16px;display:grid}.browse-details-label,.browse-details-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#584f41b8;font-size:.72rem}.browse-details-value{color:#2f2a23;font-size:1rem;font-weight:650}.browse-details-rhythm-card,.browse-details-notes-card{padding:18px}.browse-details-rhythm-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.browse-details-rhythm-title,.browse-details-notes-title{color:#2f2a23;margin:4px 0 0;font-size:1.3rem;line-height:1.1}.browse-details-rhythm-chip,.browse-details-rhythm-pill{background:var(--landing-bg);color:#353028d1;border:0;border-radius:999px;box-shadow:inset 2px 2px 5px #1e1d1a14,inset -2px -2px 5px #ffffffb3}.browse-details-rhythm-chip{white-space:nowrap;padding:8px 12px;font-size:.84rem;font-weight:600}.browse-details-rhythm-copy{color:#353028d1;margin:14px 0 0;line-height:1.55}.browse-details-rhythm-list{color:#353028d6;margin:14px 0 0;padding-left:20px;line-height:1.55}.browse-details-rhythm-list li+li{margin-top:8px}.browse-details-rhythm-meta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.browse-details-rhythm-pill{padding:8px 12px;font-size:.82rem}.browse-details-chords-card{padding:12px}.browse-details-notes-body{background:var(--landing-bg);white-space:pre-wrap;color:#353028e0;border:0;border-radius:16px;max-height:220px;margin-top:10px;padding:14px;font-size:14px;line-height:1.55;overflow:auto;box-shadow:inset 4px 4px 8px #1e1d1a0e,inset -4px -4px 8px #fffc}.browse-details-muted{color:#584f41a3}@media (max-width:780px){.browse-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-details-rhythm-head{flex-direction:column}}.upload-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.upload-footer-status{color:#4a4a46c7;font-size:1rem;line-height:1.4}.upload-preview-panel{margin-top:18px}.melody-loading-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f2eee6b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.melody-loading-panel{width:min(760px,100vw - 32px);margin-top:0}.upload-preview-surface{background:var(--landing-bg);border-radius:42px;padding:28px;position:relative;overflow:hidden;box-shadow:18px 18px 42px #d2cdc46b,-14px -14px 34px #ffffffe0}.upload-preview-vein{pointer-events:none;background:radial-gradient(circle,#e7e2db70 0%,#fff0 72%);border-radius:50%;width:320px;height:320px;position:absolute;top:-96px;right:-84px}.upload-preview-layer{z-index:1;gap:22px;display:grid;position:relative}.upload-preview-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.upload-preview-title-group{gap:6px;display:grid}.upload-preview-kicker{font-family:var(--font-mono-ui), monospace;letter-spacing:.28em;text-transform:uppercase;color:#78736bd1;font-size:.72rem}.upload-preview-title{letter-spacing:-.04em;color:#1f1d19;margin:0;font-size:clamp(1.6rem,2.2vw,2.35rem);line-height:.95}.upload-preview-meta,.upload-preview-time{font-family:var(--font-mono-ui), monospace;letter-spacing:.08em;text-transform:uppercase;color:#625d56c7;font-size:.78rem}.upload-preview-meta{text-align:right}.upload-preview-visualizer{align-items:center;gap:4px;height:88px;margin:6px 0 2px;display:flex}.upload-preview-barline{background:linear-gradient(#dbd6cffa,#cec9c1eb);border-radius:999px;flex:1 1 0;align-self:center;min-width:0;height:24%;transition:height .18s,background .18s,transform .18s;box-shadow:inset 1px 1px 2px #ffffff94,inset -1px -1px 2px #928d8514}.upload-preview-barline:nth-child(4n){height:36%}.upload-preview-barline:nth-child(6n){height:58%}.upload-preview-barline.is-active{background:linear-gradient(#ffb791f5,#ff8643eb);height:72%;transform:translateY(-1px);box-shadow:0 10px 22px #ff9b6233,inset 1px 1px 1px #fff4e8b3}.upload-preview-well{background:var(--landing-bg);border-radius:28px;gap:16px;padding:22px 24px;display:grid;box-shadow:inset 10px 10px 20px #e1ded8f2,inset -10px -10px 20px #fffffff2}.upload-preview-controls{align-items:center;gap:20px;min-width:0;display:flex}.upload-preview-play{background:var(--landing-bg);cursor:pointer;border:none;border-radius:999px;flex:none;width:72px;height:72px;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:6px 6px 14px #cec9c0eb,-6px -6px 14px #ffffffeb}.upload-preview-play:hover,.upload-preview-play:focus-visible{transform:scale(.97);box-shadow:3px 3px 8px #cec9c0e6,-3px -3px 8px #ffffffeb}.upload-preview-play:active{box-shadow:inset 5px 5px 10px #cec9c0e6,inset -5px -5px 10px #ffffffeb}.upload-preview-play-icon{border:10px solid #0000;border-left:16px solid #1f1d19;border-right-width:0;width:0;height:0;margin-left:5px;display:inline-block}.upload-preview-stop-icon{background:#1f1d19;border-radius:3px;width:15px;height:15px;display:inline-block}.upload-preview-track{background:var(--landing-bg);border-radius:999px;flex:auto;min-width:140px;height:12px;position:relative;overflow:hidden;box-shadow:inset 2px 2px 5px #d1cdc6eb,inset -2px -2px 5px #fffffff2}.upload-preview-progress{border-radius:inherit;background:linear-gradient(90deg,#484641f5,#2c2a27eb);height:100%;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.upload-preview-time{text-align:right;min-width:94px}.upload-preview-error{color:#8f3e3e;font-size:.92rem}.upload-preview-audio{width:100%}@media (max-width:760px){.upload-preview-surface{border-radius:32px;padding:22px}.upload-preview-header,.upload-preview-controls{flex-direction:column;align-items:stretch}.upload-preview-meta,.upload-preview-time{text-align:left}.upload-preview-play{align-self:flex-start}}.send-spinner{border:2px solid #1e1d1a29;border-top-color:#28d67c;border-radius:999px;width:16px;height:16px;animation:.85s linear infinite codex-spin;box-shadow:0 0 12px #28d67c59}@keyframes codex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.record-panel{border-radius:var(--landing-radius-lg);background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:1px dashed #52504a59;gap:16px;min-height:320px;padding:28px;display:grid}.record-title{text-align:center;margin:0;font-size:1.25rem}.record-subtitle{color:#6b6a66;text-align:center;margin:0;font-size:.95rem}.record-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.record-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.record-actions button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 16px}.record-actions .record-toggle{width:44px;height:44px;color:inherit;cursor:pointer;background:#f6f4f0;border:1px solid #52504a33;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:5px 5px 10px #1e1d1a1a,-5px -5px 10px #ffffffa6}.record-actions .record-toggle:hover{transform:translateY(1px);box-shadow:2px 2px 5px #1e1d1a1a,-2px -2px 5px #ffffffa6}.record-toggle:disabled{opacity:.5;cursor:not-allowed}.record-square{background:#c7352a;border-radius:2px;width:14px;height:14px}.record-actions .record-start{background:#c7352a;border-color:#c7352a}.record-actions .redo-button{color:#4b83e6;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.redo-icon{width:32px;height:32px;display:block;transform:translate(-4px)}.record-actions .record-start:disabled{background:#c7352a;border-color:#c7352a}.record-actions button:disabled{opacity:.5;cursor:not-allowed}.record-error{color:#8f3e3e;margin:0;font-size:.9rem}.record-meta{color:#6b6a66;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;font-size:.85rem;display:flex}.record-waveform{background:var(--landing-periwinkle);background-image:linear-gradient(#0000 49.5%,#fff6 50%,#0000 50.5%),repeating-linear-gradient(90deg,#ffffff47 0 1px,#0000 1px 24px);background-size:100% 100%,100% 100%;border:1px solid #ffffff3d;border-radius:12px;width:100%;height:120px}.record-playback{width:100%}.input-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}@media (max-width:900px){.input-split{grid-template-columns:1fr}}.dropzone{border-radius:var(--landing-radius-lg);background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:1px dashed #52504a66;min-height:320px;padding:36px;transition:border-color .2s,transform .2s,box-shadow .2s}.dropzone.is-hover{box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light), 0 18px 50px #6f7cff24;border-color:#4a795899;transform:translateY(-2px)}.dropzone.is-busy{opacity:.65;pointer-events:none}.dropzone-inner{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;height:100%;display:flex}.drop-title{margin:0;font-size:1.2rem}.drop-subtitle{color:#6b6a66;margin:0}.browse-button{align-items:center;gap:8px;display:inline-flex;position:relative}.browse-button.disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.browse-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-hint{color:#6b6a66;margin:6px 0 0;font-size:.85rem}.upload-slab{box-shadow:none;background:0 0;border-radius:60px;justify-content:center;align-items:center;gap:48px;padding:28px 56px 20px;display:flex;position:relative;overflow:hidden}.upload-slab:before{content:"";opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:60px;position:absolute;inset:0}.upload-slab-col{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;display:flex;position:relative}.upload-slab-label{letter-spacing:-.01em;text-transform:none;color:#4a4a46cc;text-align:center;font-size:clamp(1.1rem,1rem + .35vw,1.35rem);font-weight:500;line-height:1.35}.upload-slab-divider{opacity:.4;background:linear-gradient(#0000,#d1d1cc,#0000);justify-content:center;align-items:center;width:2px;height:140px;display:flex;position:relative}.upload-slab-or{font-family:var(--font-mono-ui), monospace;letter-spacing:.18em;text-transform:uppercase;color:#58544ef5;background:#f6f2ea;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.7rem;display:inline-flex;position:absolute;box-shadow:4px 4px 10px #e1dcd4e6,-4px -4px 10px #ffffffeb}.upload-recorder-well{background:var(--landing-bg);border-radius:40px;justify-content:center;align-items:center;gap:36px;width:100%;min-height:180px;padding:40px;display:flex;position:relative;box-shadow:inset 10px 10px 22px #1e1d1a0f,inset -10px -10px 22px #ffffffc7}.upload-recorder-overlay{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#6658b3db;border-radius:40px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-recorder-overlay-panel{text-align:center;background:#e9e4ff29;border:1px solid #f4f1ff57;border-radius:28px;width:min(320px,100% - 32px);padding:24px 22px;box-shadow:0 14px 40px #362c6c47,inset 0 1px #ffffff38}.upload-recorder-overlay-title{letter-spacing:-.04em;color:#fffdfd;font-size:1.35rem;font-weight:800}.upload-recorder-overlay-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.upload-recorder-overlay-button{color:#4c4380;min-width:92px;font:inherit;letter-spacing:-.02em;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 8px 20px #362c6c29}.upload-recorder-overlay-button-primary{background:#d2cbfff5}.upload-pulse-node{background:var(--landing-bg);color:#5a5a56d9;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex;position:relative;box-shadow:4px 4px 10px #1e1d1a1f,-4px -4px 10px #ffffffd9}.upload-pulse-node:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #1e1d1a1f,inset -4px -4px 8px #ffffffd9}.upload-pulse-ring{opacity:0;border:2px solid #ffffffd9;border-radius:999px;position:absolute;inset:0}.upload-recorder-well.is-recording .upload-pulse-ring{animation:2s cubic-bezier(.4,0,.2,1) infinite upload-ripple}.upload-pulse-ring--delay{animation-delay:.5s}@keyframes upload-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.upload-recorder-right{flex-direction:column;gap:12px;display:flex}.upload-waveform{align-items:center;gap:4px;height:40px;display:flex}.upload-wave-bar{background:#bdbdb8f2;border-radius:2px;width:3px;transition:height .12s}.upload-recorder-meta{justify-content:space-between;align-items:center;display:flex}.upload-mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#5a5a56cc;font-size:.85rem}.upload-rec-indicator{opacity:0;background:#ef4444;border-radius:999px;width:6px;height:6px;transition:opacity .18s}.upload-rec-indicator.is-on{opacity:1}.upload-browse-target{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff24,#ffffff0a);border:2px dashed #d1d1cc;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;height:180px;transition:border-color .22s,background .22s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 8px 8px 18px #1e1d1a0d,inset -8px -8px 18px #ffffffb3}.upload-browse-target input{opacity:0;pointer-events:none;position:absolute}.upload-browse-target:hover{background:linear-gradient(#ffffff2e,#ffffff14);border-color:#a1a19b}.upload-browse-icon{fill:none;stroke:#bdbdb8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 1px #ffffffe6)drop-shadow(-1px -1px 1px #1e1d1a1f)}.upload-browse-title{text-transform:uppercase;letter-spacing:.22em;color:#5a5a56bf;margin:14px 0 0;font-size:10px;font-weight:800}.upload-browse-sub{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);opacity:.55;color:#5a5a56bf;margin:6px 0 0;font-size:10px}.upload-dropzone-wrap{display:none}.status-card{background:#fff;border:1px solid #52504a1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:0 12px 30px #1e1d1a14}.style-card{background:var(--landing-bg);width:100%;min-width:0;max-width:100%;box-shadow:var(--bas-shadow-raised);border:1px solid #ffffffb3;border-radius:22px;padding:12px;overflow:visible}.style-card .waveform-panel,.style-card .piano-roll-panel{box-shadow:none;background:0 0;padding:0}.style-card .preview-volume.midi-volume{box-shadow:var(--bas-shadow-carved)}.style-card .midi-viewport{box-shadow:var(--bas-shadow-carved);border-radius:24px;padding:0}.status-card.uploading{border-color:#546a7866}.nav-step-row{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.nav-step-button{color:#35332f;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f4f1eaeb;border:1px solid #c4bfb4b8;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:700;text-decoration:none;transition:box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s,background .16s,color .16s;display:inline-flex;box-shadow:inset 4px 4px 9px #d8d2c8bd,inset -4px -4px 9px #ffffffdb,0 1px #ffffff80}.nav-step-button:hover{color:#2f2c28;border-color:#b5b0a5db;box-shadow:inset 5px 5px 10px #d6cfc4d1,inset -5px -5px 10px #ffffffe6,0 1px #ffffff8a}.nav-step-button:active{box-shadow:inset 6px 6px 12px #d2cbc0db,inset -3px -3px 7px #ffffffbf}.nav-step-button:focus-visible{outline:none;box-shadow:0 0 0 3px #a5b4fc2e,inset 4px 4px 9px #d8d2c8bd,inset -4px -4px 9px #ffffffdb}.nav-step-button.is-disabled,.nav-step-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:inset 3px 3px 7px #dad3c8b8,inset -3px -3px 7px #ffffffc2}.nav-step-button.is-primary{border-color:#abb0ce99}.nav-step-button-lead{letter-spacing:-.05em;color:#2f2b25;text-shadow:1px 1px #ffffff9e,-1px -1px #a49c9129;font-size:1rem;font-weight:900}.nav-step-button-tail{letter-spacing:-.015em;color:#474e74eb;text-shadow:.8px .8px #ffffffb8,-.8px -.8px #6f7cff1f;font-size:.98rem;font-weight:500}.workflow-stage-body-no-tabs{padding-top:10px}.uploadPiano{width:100%;margin:0 0 10px}.uploadPiano .pianoShell{background:var(--landing-bg);border-radius:22px;padding:1.4rem 2.5rem 2rem;position:relative;box-shadow:10px 10px 20px #1e1d1a14,-10px -10px 20px #ffffffb3}.workflow-stage-body .uploadPiano .pianoShell{box-shadow:inset 6px 6px 12px #1e1d1a0d,inset -6px -6px 12px #ffffff9e}.uploadPianoExpand{color:#2d3436d1;cursor:pointer;z-index:6;background:linear-gradient(#ffffffdb,#f4f1eaeb);border:0;border-radius:999px;width:42px;height:42px;font-size:1rem;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s;position:absolute;top:18px;right:18px;box-shadow:7px 7px 16px #1e1d1a1a,-7px -7px 16px #ffffffc7}.uploadPianoExpand:hover,.uploadPianoExpand:focus-visible{transform:translateY(-1px);box-shadow:9px 9px 18px #1e1d1a1f,-9px -9px 18px #ffffffd1}.uploadPiano .pianoShell h2{letter-spacing:-.03em;margin:0 0 1rem;font-size:2.4rem;font-weight:600}.uploadPiano .pianoShell p{color:#2d3436b8;max-width:720px;margin:0;font-size:1.05rem}.uploadPiano .pianoStage{perspective:1200px;margin-top:0;padding:28px 18px 18px;position:relative;overflow:visible}.uploadPianoParticles{pointer-events:none;z-index:0;width:100%;height:calc(100% + 140px);position:absolute;top:-140px;left:0}.uploadPiano .keyboard{transform-style:preserve-3d;background:var(--landing-bg);z-index:2;border-radius:16px;padding:12px;display:flex;position:relative;overflow:hidden;transform:rotateX(12deg);box-shadow:inset 6px 6px 12px #0000001a,inset -6px -6px 12px #ffffffa6}.uploadPiano .key{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .11s cubic-bezier(.16,1,.3,1);position:relative}.uploadPiano .key.white{z-index:1;background:linear-gradient(#fff 0%,#ffffff8c 100%);border:1px solid #0000000f;border-radius:0 0 12px 12px;flex-direction:column;justify-content:flex-end;width:52px;height:240px;margin:0 2px;padding:12px;display:flex;box-shadow:0 8px 16px #0000001a}.uploadPiano .key.black{z-index:2;background:linear-gradient(#15181f 0%,#08090b 100%);border:1px solid #ffffff0d;border-radius:0 0 10px 10px;width:32px;height:150px;margin-left:-16px;margin-right:-16px;box-shadow:0 18px 30px #00000040}.uploadPiano .key.white:after{content:"";opacity:0;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000,#ffb77a2e);transition:opacity .4s;position:absolute;inset:0}.uploadPiano .key.active.white{transform:rotateX(-5deg)translateY(4px);box-shadow:0 0 30px #ffb17a2e}.uploadPiano .key.active.white:after{opacity:.24}.uploadPiano .key.active.black{border-color:#ffb17a73;transform:rotateX(-5deg)translateY(2px);box-shadow:0 0 40px #ffb17a2e}.uploadPiano .keyLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.1em;text-transform:uppercase;color:#00000059;font-size:.62rem}.uploadPianoActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.uploadPianoMode{box-shadow:none;background:0 0;border-radius:0;padding:0}.pianoModeSelector{gap:10px;min-width:min(100%,440px);display:grid}.pianoModeSelectorLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.22em;text-transform:uppercase;color:#2d343694;font-size:.66rem}.pianoModeToggle{display:block}.pianoModeToggleHousing{background:var(--landing-bg);width:min(100%,440px);min-height:62px;box-shadow:var(--bas-shadow-carved);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:6px;display:grid;position:relative;overflow:hidden}.pianoModeToggleHandle{background:linear-gradient(180deg, #ffffffe6, #f4f1eaeb), var(--landing-bg);pointer-events:none;border-radius:999px;width:calc(50% - 6px);height:calc(100% - 12px);transition:transform .32s cubic-bezier(.65,0,.35,1),box-shadow .22s;position:absolute;top:6px;left:6px;box-shadow:6px 6px 16px #1e1d1a14,-6px -6px 16px #fffc,inset 0 0 0 1px #ffffff52}.pianoModeToggle.is-synth .pianoModeToggleHandle{transform:translate(100%);box-shadow:8px 8px 18px #1e1d1a1a,-8px -8px 18px #ffffffd1,inset 0 0 0 1px #ffffff47}.pianoModeToggleOption{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:48px;padding:0 18px;display:flex;position:relative}.pianoModeToggleOption input{opacity:0;cursor:pointer;position:absolute;inset:0}.pianoModeToggleOption span{letter-spacing:.01em;color:#2d34368f;white-space:nowrap;text-align:center;justify-content:center;align-items:center;width:100%;min-height:100%;font-size:.95rem;font-weight:600;transition:color .22s,transform .22s;display:inline-flex}.pianoModeToggleOption input:focus-visible+span{outline-offset:-4px;border-radius:999px;outline:2px solid #2d343638}.pianoModeToggle.is-piano .pianoModeToggleOption:first-of-type span,.pianoModeToggle.is-synth .pianoModeToggleOption:last-of-type span{color:#2d3436db;transform:translateY(-.5px)}.pianoModeToggle.is-piano .pianoModeToggleOption:last-of-type span,.pianoModeToggle.is-synth .pianoModeToggleOption:first-of-type span{color:#2d343670}.uploadPianoRecord{flex:none}.workflow-float{z-index:950;background:var(--landing-bg);width:min(360px,100vw - 28px);box-shadow:var(--bas-shadow-raised);border:1px solid #ffffff85;border-radius:24px;gap:12px;padding:16px;display:grid;position:fixed;bottom:22px;right:22px}.workflow-float.is-collapsed{width:auto;min-width:180px}.workflow-float-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workflow-float-kicker{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#4a4844b8;font-size:.68rem}.workflow-float-title{font-size:1rem;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;color:#1e1d1ae0;font-weight:800}.workflow-float-collapse{background:var(--landing-bg);color:#2d3436d6;cursor:pointer;border:1px solid #ffffff7a;border-radius:999px;width:38px;height:38px;font-size:1.2rem;line-height:1;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8}.workflow-float-notes{gap:8px;display:grid}.workflow-float-notes textarea{resize:vertical;background:var(--landing-bg);color:#1e1d1ae6;width:100%;min-height:124px;box-shadow:var(--bas-shadow-carved);font:inherit;border:0;border-radius:18px;outline:none;padding:14px 16px}.workflow-float-notes textarea:focus-visible{box-shadow:var(--bas-shadow-carved), 0 0 0 2px #6f7cff47}.workflow-float-meta{color:#4a4844c7;font-size:.9rem;line-height:1.45}.upload-floating-action{z-index:949;color:#35332f;min-width:228px;min-height:56px;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.02em;background:#f4f1eaeb;border:1px solid #c4bfb4b8;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:700;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,opacity .18s,border-color .18s;display:inline-flex;position:fixed;top:50%;right:26px;transform:translateY(-50%);box-shadow:inset 4px 4px 9px #d8d2c8bd,inset -4px -4px 9px #ffffffdb,0 1px #ffffff80}.upload-floating-action.is-ready:not(:disabled){animation:1.9s ease-in-out infinite upload-floating-action-pulse,1.1s ease-in-out infinite upload-floating-action-blink}.upload-floating-action:hover:not(:disabled){border-color:#b5b0a5db;transform:translateY(-50%);box-shadow:inset 5px 5px 10px #d6cfc4d1,inset -5px -5px 10px #ffffffe6,0 1px #ffffff8a}.upload-floating-action.is-loading{animation:none}.upload-floating-action-label{white-space:nowrap;letter-spacing:-.05em;text-shadow:1px 1px #ffffff9e,-1px -1px #a49c9129;font-size:1rem;font-weight:900}@keyframes upload-floating-action-pulse{0%,to{box-shadow:inset 4px 4px 9px #d8d2c8bd,inset -4px -4px 9px #ffffffdb,0 0 0 1px #ffffff5c,0 0 16px #95a0e629}50%{box-shadow:inset 4px 4px 9px #d8d2c8bd,inset -4px -4px 9px #ffffffdb,0 0 0 1px #ffffff6b,0 0 28px #95a0e64d}}@keyframes upload-floating-action-blink{0%,to{opacity:1}50%{opacity:.82}}@media (max-width:720px){.workflow-float{border-radius:20px;width:auto;bottom:14px;left:14px;right:14px}.workflow-float-notes textarea{min-height:96px}.upload-floating-action{width:auto;min-width:0;inset:auto 14px 108px;transform:none}.upload-floating-action:hover:not(:disabled){transform:none}}.uploadPianoRecord.isOn{color:#5a5a56d9}.uploadPianoRecord.isOn .upload-pulse-ring{animation:2s cubic-bezier(.4,0,.2,1) infinite upload-ripple}.uploadPianoHint{opacity:.7;text-align:left;min-width:190px}.uploadPiano.is-expanded{z-index:140;margin:0;position:fixed;inset:28px 16px 16px}.uploadPiano.is-expanded .pianoShell{border-radius:28px;flex-direction:column;justify-content:flex-start;height:calc(100vh - 32px);padding:1.15rem 2rem 1.5rem;display:flex;box-shadow:0 30px 80px #1e1d1a2e,inset 0 0 0 1px #ffffff52}.uploadPiano.is-expanded .uploadPianoActions{justify-content:flex-start;align-items:center;margin-top:.4rem;margin-bottom:.85rem;padding-right:0}.uploadPiano.is-expanded .pianoStage{flex:none;justify-content:center;align-items:flex-end;min-height:0;margin-top:auto;padding-top:76px;display:flex}.uploadPiano.is-expanded .keyboard{justify-content:center;width:auto;max-width:100%;transform:rotateX(12deg)scale(1)}.uploadPiano.is-expanded .key.white{width:52px;height:240px}.uploadPiano.is-expanded .key.black{width:32px;height:150px;margin-left:-16px;margin-right:-16px}.uploadPianoExpandInline{flex:none;margin-left:0;position:static}@media (max-width:900px){.uploadPiano .key.white{width:44px;height:190px}.uploadPiano .key.black{width:28px;height:125px;margin-left:-14px;margin-right:-14px}}.status-card.success{color:#2f3b33;background:#cfd6cf;border-color:#3e5d4a73}.status-card.success .status-title,.status-card.success .status-message,.status-card.success .status-detail{color:#2f3b33}.status-card.error{border-color:#904a4a80}.status-title{text-transform:uppercase;letter-spacing:.16em;color:#6b6a66;margin:0 0 4px;font-size:.75rem}.status-message{margin:0;font-size:1rem}.status-detail{color:#5b5954;margin:0;font-size:.9rem}.status-detail a{color:inherit;text-decoration:none}.status-detail a:hover,.status-detail a:focus-visible{text-decoration:underline}.events-panel{background:#ffffffeb;border:1px solid #52504a1f;border-radius:16px;gap:16px;min-width:0;max-width:100%;padding:8px 20px 18px;display:grid;overflow:visible;box-shadow:0 10px 26px #1e1d1a0f}.events-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.events-meta{color:#5b5954;gap:16px;font-size:.9rem;display:flex}.preview-volume{color:#4a4844;background:#f6f4f0;border:1px solid #52504a1f;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;display:flex}.preview-volume .volume-slider{height:100%}.volume-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:72px}.events-controls{color:#5b5954;justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.events-controls button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 14px}.events-controls button:disabled{opacity:.5;cursor:not-allowed}.events-toggle{color:#4a4844;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.confidence-filter{color:#4a4844;text-transform:none;letter-spacing:normal;align-items:center;gap:10px;font-size:.85rem;display:flex}.confidence-filter input[type=range]{width:80px}.tempo-controls{color:#4a4844;align-items:center;gap:10px;font-size:.85rem;display:flex}.tempo-controls input[type=range]{width:160px}.signature-display strong{font-weight:600}.signature-display{color:#4a4844;align-items:center;gap:8px;font-size:.85rem;display:flex}.synth-panel{background:#ffffffe6;border:1px solid #52504a1f;border-radius:16px;gap:12px;width:100%;max-width:420px;padding:14px 16px;display:grid;box-shadow:0 8px 20px #1e1d1a0f}.synth-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.synth-header button{cursor:pointer;color:#4a4844;background:0 0;border:1px solid #52504a33;border-radius:999px;padding:6px 10px;font-size:.8rem}.synth-subtitle{color:#6b6a66;margin:0;font-size:.9rem}.synth-controls{gap:12px;display:grid}.synth-controls label{color:#4a4844;gap:6px;font-size:.85rem;display:grid}.synth-controls input[type=range]{width:100%}.preview-controls{align-items:center;gap:12px;display:flex}.events-panel .preview-controls{flex-wrap:wrap}.preview-controls .synth-dropdown{justify-content:center;align-self:stretch;margin-left:auto;display:flex}.preview-controls .synth-dropdown>button{color:#2b2b2b;background:#f6f4f0;border:1px solid #52504a1f;border-radius:8px;width:48px;height:48px;padding:0}.play-button{cursor:pointer;background:#f6f4f0;border:1px solid #52504a33;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.play-button:hover{background:#eee9e2}.preview-controls .play-button{color:inherit;background:#f6f4f0}.preview-controls .play-button:hover{background:#eee9e2}.play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:16px solid #1bab61;width:0;height:0;margin-left:3px;display:inline-block}.stop-icon{background:#d41111;border-radius:2px;width:12px;height:12px}.midi-playback-panel{gap:10px;min-width:0;display:grid;position:relative}.piano-roll-panel{box-shadow:none;contain:layout paint;background:0 0;border:0;border-radius:0;width:100%;max-width:100%;height:clamp(224px,31vw,286px);padding:0;position:relative;overflow:visible}.piano-roll-row{align-items:stretch;gap:16px;width:100%;min-width:0;height:calc(100% - 52px);display:flex}.piano-roll-row .piano-roll{flex:1;min-height:0}.piano-roll{height:100%}.piano-roll-scroll{flex:1;min-width:0;height:100%;overflow:auto hidden}.midi-viewport{background:var(--landing-bg);border-radius:24px;height:100%;padding:0;overflow:hidden;box-shadow:inset 8px 8px 16px #1e1d1a0f,inset -8px -8px 16px #ffffffdb}.midi-side{flex-direction:column;align-self:stretch;gap:10px;width:48px;margin-top:0;display:flex;position:relative}.preview-volume.midi-volume{background:var(--landing-bg);color:#2d3436b3;border:0;border-radius:40px;flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;padding:8px 0;display:flex;box-shadow:6px 6px 12px #1e1d1a14,-6px -6px 12px #ffffffc7}.preview-volume.midi-volume>span{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:.56rem}.preview-volume.midi-volume .volume-slider{writing-mode:vertical-rl;appearance:slider-vertical;direction:rtl;background:0 0;width:28px;height:calc(100% - 28px)}.preview-volume.midi-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;width:100%;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.midi-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:24px;height:36px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.preview-volume.midi-volume .volume-slider::-moz-range-track{background:var(--landing-bg);border-radius:999px;width:100%;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.midi-volume .volume-slider::-moz-range-thumb{background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:24px;height:36px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.preview-volume.audio-volume{background:var(--landing-bg);color:#2d3436b3;box-shadow:var(--bas-shadow-carved);border:0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.preview-volume.audio-volume>span{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;opacity:.75;-webkit-user-select:none;user-select:none;font-size:.65rem}.preview-volume.audio-volume .volume-slider{appearance:none;min-width:120px;height:18px;accent-color:var(--landing-periwinkle);background:0 0;flex:1}.preview-volume.audio-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;height:10px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.audio-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:22px;height:22px;margin-top:-6px;box-shadow:0 6px 14px #1e1d1a2e,0 -2px 10px #ffffffbf}.preview-volume.audio-volume .volume-slider::-moz-range-track{background:var(--landing-bg);border-radius:999px;height:10px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.preview-volume.audio-volume .volume-slider::-moz-range-thumb{background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:22px;height:22px;box-shadow:0 6px 14px #1e1d1a2e,0 -2px 10px #ffffffbf}.synth-dropdown{flex-direction:column;align-items:stretch;display:flex;position:relative}.synth-dropdown>button{color:#2b2b2b;cursor:pointer;text-align:center;background:#eadfce;border:1px solid #52504a1f;border-radius:8px;width:48px;padding:6px 4px;font-size:.75rem}.synth-menu{z-index:10;background:#e3e1dc;border:1px solid #52504a33;border-radius:12px;width:260px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 22px #1e1d1a1f}.synth-menu-title,.synth-menu-subtitle{color:#4a4844}.synth-menu-title{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;margin:0 0 4px;font-size:.85rem}.synth-menu-subtitle{color:#5b5954;margin:0 0 8px;font-size:.85rem}.preview-controls button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #ffffffd9;border-radius:999px;padding:8px 14px}.preview-controls .merge-selected-button{border-radius:0}.waveform-panel{background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.audio-freq-panel{background:var(--landing-bg);width:100%;height:82px;box-shadow:var(--bas-shadow-carved);border:1px solid #ffffff8c;border-radius:14px;padding:12px}.audio-freq-grid{align-items:flex-end;gap:8px;height:100%;display:flex}.audio-freq-barWrap{flex:1;align-items:flex-end;min-width:8px;height:100%;display:flex;position:relative}.audio-freq-barRecess{background:var(--landing-bg);border-radius:999px;position:absolute;inset:0;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -1px -1px 2px #ffffffd9}.audio-freq-barFill{background:#a5b4fc;border-radius:999px;width:100%;height:10%;transition:height 80ms cubic-bezier(.17,.67,.83,.67);position:relative;box-shadow:0 0 18px #a5b4fc59,inset 2px 2px 4px #ffffff73}.audio-freq-panel.is-loading .audio-freq-barFill{opacity:.25}.audio-freq-panel.is-error{opacity:.7;filter:grayscale(.2)}.waveform-header{color:#5b5954;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.waveform-header-left{flex-direction:column;gap:2px;display:flex}.audio-preview{width:100%}.waveform-canvas{cursor:pointer;background:#2f5b86;border:1px solid #dbe8ff38;border-radius:10px;width:100%;height:80px}.waveform-track{min-width:0;position:relative}.waveform-row{align-items:center;gap:16px;display:flex}.waveform-row .waveform-track{flex:1;min-width:0}.waveform-row .preview-volume{background:var(--landing-bg);border:0;border-radius:40px;justify-content:center;gap:0;width:48px;height:82px;padding:0;position:relative;box-shadow:6px 6px 12px #1e1d1a14,-6px -6px 12px #ffffffc7}.waveform-row .preview-volume>span{text-align:center;pointer-events:none;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343694;font-size:.62rem;position:absolute;top:6px;left:0;right:0}.waveform-row .preview-volume .volume-slider{writing-mode:vertical-rl;appearance:slider-vertical;direction:rtl;background:0 0;width:28px;height:calc(100% - 24px);margin-top:18px}.waveform-row .preview-volume .volume-slider::-webkit-slider-runnable-track{background:var(--landing-bg);border-radius:999px;box-shadow:inset 3px 3px 6px #1e1d1a1a,inset -2px -2px 5px #ffffffd9}.waveform-row .preview-volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:7px;width:22px;height:34px;box-shadow:5px 0 10px #1e1d1a24,-2px 0 6px #ffffffd9}.waveform-row .preview-volume{height:80px}.waveform-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:6px;bottom:6px}.waveform-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.export-row{justify-content:flex-end;gap:10px;display:flex}.export-page .status-card{gap:16px}.export-downloads{flex:420px;gap:16px;min-width:min(100%,420px);display:grid}.export-downloads-header{gap:4px;display:grid}.export-downloads-title{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#4a4844b8;margin:0;font-size:.72rem}.export-downloads-subtitle{color:#4a4844d1;max-width:58ch;margin:0;font-size:.95rem;line-height:1.55}.export-download-list{gap:10px;display:grid}.export-download-row{background:var(--landing-bg);color:#2d3436e6;width:100%;min-height:58px;box-shadow:var(--bas-shadow-raised);cursor:pointer;text-align:left;border:1px solid #8a817426;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;transition:transform .16s,box-shadow .16s,color .16s,border-color .16s;display:flex}.export-download-row:disabled{opacity:.48;cursor:not-allowed}.export-download-row:not(:disabled):hover,.export-download-row:not(:disabled):focus-visible{color:#1e1d1a;border-color:#6f7cff3d;transform:translateY(-1px)}.export-download-label{letter-spacing:-.02em;font-size:1rem;font-weight:750}.export-download-icon{color:#2d3436b8;width:34px;height:34px;box-shadow:var(--bas-shadow-carved);background:linear-gradient(#fffc,#f4f1eafa);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.export-utility-actions{flex-basis:100%;justify-content:flex-end;display:flex}.export-utility-actions button{background:var(--landing-bg);color:#2d3436db;cursor:pointer;box-shadow:var(--bas-shadow-raised);border:1px solid #52504a29;border-radius:999px;padding:10px 16px}.export-row button{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;padding:8px 14px}.export-row button:not(:disabled):hover,.export-row button:not(:disabled):focus-visible,.export-utility-actions button:not(:disabled):hover,.export-utility-actions button:not(:disabled):focus-visible,.harmony-rerun:not(:disabled):hover,.harmony-rerun:not(:disabled):focus-visible,.next-step:hover,.next-step:focus-visible{color:#1e1d1a;background:#28d67c;border-color:#1e1d1a33}.next-step{color:#fff;cursor:pointer;background:#1e1d1a;border:1px solid #52504a33;border-radius:999px;align-items:center;padding:8px 14px;text-decoration:none;transition:background .14s,color .14s,box-shadow .14s,border-color .14s;display:inline-flex;box-shadow:0 0 0 2px #1e1d1a14,0 0 18px #1e1d1a1f}.next-step:active:not(:disabled){transform:translateY(1px)}.next-step:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.next-step:disabled:hover,.next-step:disabled:focus-visible{color:#fff;background:#1e1d1a;border-color:#52504a33}.next-step-row{justify-content:flex-end;margin-top:14px;display:flex}.next-step.next-step-tall{padding:9px 14px;font-size:.8rem}.events-table{z-index:1;background:0 0;gap:10px;display:grid;position:relative;overflow:visible}.melody-learning-strip{z-index:20;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;margin:0;display:flex;position:relative;overflow:visible}.melody-tooltip{z-index:0;vertical-align:middle;letter-spacing:normal;text-transform:none;grid-template-columns:auto auto;align-items:center;gap:0 8px;font-size:.84rem;font-weight:500;display:inline-grid;position:relative;overflow:visible}.melody-tooltip-label{color:#2d3436d6;letter-spacing:normal;text-transform:none;font-size:.84rem;font-weight:600;line-height:1.25;display:inline-block}.melody-tooltip-trigger{color:#3844a0eb;cursor:help;background:#6f7cff24;border:0;border-radius:999px;flex:none;width:20px;height:20px;padding:0;font-family:inherit;font-size:.72rem;font-weight:800;line-height:1}.melody-tooltip-bubble{color:#2d3436d6;width:min(280px,100vw - 32px);font-family:var(--font-sans,inherit);opacity:0;pointer-events:none;z-index:10000;background:#f7f8fffa;border:1px solid #6f7cff2e;border-radius:16px;padding:12px 14px;font-size:.84rem;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 14px 30px #3d445124,inset 0 1px #ffffffd6}.melody-tooltip-title{color:#3844a0eb;font-weight:800;font-family:var(--font-sans,inherit);margin:0 0 6px;font-size:.84rem;display:block}.melody-tooltip:hover .melody-tooltip-bubble,.melody-tooltip:focus-within .melody-tooltip-bubble{opacity:1;transform:translateY(0)}.melody-tooltip:hover,.melody-tooltip:focus-within{z-index:10000}.melody-learning-strip:has(.melody-tooltip:hover){z-index:10000;position:relative}.melody-learning-strip:has(.melody-tooltip:focus-within){z-index:10000;position:relative}.piano-roll-mode-banner:has(.melody-tooltip:hover){z-index:10000;position:relative}.piano-roll-mode-banner:has(.melody-tooltip:focus-within){z-index:10000;position:relative}.edit-midi-playhead:has(.melody-tooltip:hover){z-index:10000;position:relative}.edit-midi-playhead:has(.melody-tooltip:focus-within){z-index:10000;position:relative}.events-row.events-head:has(.melody-tooltip:hover){z-index:10000;position:relative}.events-row.events-head:has(.melody-tooltip:focus-within){z-index:10000;position:relative}.events-row>span,.events-row.events-head>span,.rhythm-control-grid .basTone,.rhythm-control-grid .basSettingsTempo,.rhythm-control-group-header>div{position:relative;overflow:visible}.events-row>span:has(.melody-tooltip:hover){z-index:10000}.events-row>span:has(.melody-tooltip:focus-within){z-index:10000}.events-row.events-head>span:has(.melody-tooltip:hover){z-index:10000}.events-row.events-head>span:has(.melody-tooltip:focus-within){z-index:10000}.rhythm-control-grid .basTone:has(.melody-tooltip:hover){z-index:10000}.rhythm-control-grid .basTone:has(.melody-tooltip:focus-within){z-index:10000}.rhythm-control-grid .basSettingsTempo:has(.melody-tooltip:hover){z-index:10000}.rhythm-control-grid .basSettingsTempo:has(.melody-tooltip:focus-within){z-index:10000}.rhythm-control-group-header>div:has(.melody-tooltip:hover){z-index:10000}.rhythm-control-group-header>div:has(.melody-tooltip:focus-within){z-index:10000}.adjustments-toolbar{align-items:flex-start}.adjustments-action-group{align-items:start;gap:8px;display:grid;overflow:visible}.adjustments-quantize-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adjustments-select-wrap{border-radius:999px;min-width:176px;height:44px;box-shadow:inset 1px 1px #ffffffd1,5px 6px 14px #d3cec58a,-4px -4px 10px #ffffffe6}.events-panel.melody-page .basSettingsPanel .adjustments-action-button{color:#2d3436e0;background:linear-gradient(#faf7f1f5,#efe9dffa);border:1px solid #ffffff75;min-height:44px;padding:10px 16px;box-shadow:inset 1px 1px #ffffffd6,6px 7px 15px #d4cfc685,-4px -4px 10px #ffffffe0}.events-panel.melody-page .basSettingsPanel .adjustments-action-button:hover:not(:disabled),.events-panel.melody-page .basSettingsPanel .adjustments-action-button:focus-visible{transform:translateY(1px);box-shadow:inset 1px 1px #ffffffd6,3px 4px 8px #d4cfc67a,-3px -3px 7px #ffffffdb}.events-table .events-head{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:0 10px 2px;font-size:.72rem}.events-scroll{z-index:0;isolation:isolate;gap:14px;max-height:320px;padding:8px 10px 12px;display:grid;position:relative;overflow:visible auto}.events-settings-panel{background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:0 10px 16px;padding:16px 18px;display:flex}.events-settings-panel-bottom{grid-template-columns:1fr 1fr 1fr 1.6fr auto;align-items:center;gap:12px;display:grid}.events-settings-panel-bottom .events-setting-confidence{text-align:center;grid-column:3;justify-self:center;align-items:center;width:min(100%,420px)}.edit-midi-toggle{background:#e7e4de;border-radius:999px;gap:4px;width:fit-content;padding:3px;display:inline-flex}.edit-midi-toggle button{color:#3c3a35;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700}.edit-midi-toggle button.is-active{color:#fff;background:#1e1d1a}.piano-roll-mode-banner{z-index:30;justify-content:flex-start;align-items:center;gap:16px;min-height:40px;margin:0 0 12px;padding:0 2px;display:flex;position:relative;overflow:visible}.midi-preview-card{position:relative;overflow:visible}:is(.midi-preview-card:has(.edit-midi-playhead .melody-tooltip:hover),.midi-preview-card:has(.edit-midi-playhead .melody-tooltip:focus-within),.piano-roll-panel:has(.edit-midi-playhead .melody-tooltip:hover),.piano-roll-panel:has(.edit-midi-playhead .melody-tooltip:focus-within)){z-index:10020;position:relative;overflow:visible}.edit-midi-playhead{z-index:25;background:#f4f5fae6;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 2px 2px 4px #ffffffc7,inset -2px -2px 4px #bfb8ab24}.edit-midi-playhead-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.12em;text-transform:uppercase;color:#2d343699;font-size:.7rem;font-weight:800}.edit-midi-playhead-value{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436cc;font-size:.84rem;font-weight:700}.edit-midi-live-banner{z-index:6;color:#424ebefa;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#faf8f1f0;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:800;animation:2.6s ease-in-out infinite editMidiGlowPulse;position:absolute;top:44px;right:18px;box-shadow:inset 2px 2px 4px #ffffffd1,inset -2px -2px 4px #bfb8ab2e,0 0 0 1px #6f7cff42,0 0 24px #6f7cff57}@keyframes editMidiGlowPulse{0%,to{opacity:.56;box-shadow:inset 2px 2px 4px #ffffffd1,inset -2px -2px 4px #bfb8ab2e,0 0 0 1px #6f7cff3d,0 0 12px #6f7cff38}50%{opacity:1;box-shadow:inset 2px 2px 4px #ffffffe0,inset -2px -2px 4px #bfb8ab33,0 0 0 1px #6f7cff61,0 0 32px #6f7cff70}}.events-setting-help{color:#2d3436ad;max-width:34ch;font-size:.76rem;line-height:1.4}.events-settings-left{align-items:center;gap:18px;min-width:0;display:flex}.events-setting{flex-direction:column;gap:8px;min-width:0;display:flex}.events-setting-label{text-transform:uppercase;letter-spacing:.16em;color:#2d34369e;white-space:nowrap;font-size:.62rem;font-weight:800}.events-setting-row{align-items:center;gap:12px;display:flex}.events-settings-panel input[type=range]{-webkit-appearance:none;background:var(--landing-bg);border-radius:999px;outline:none;width:160px;height:6px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffd9}.events-settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);border:1px solid #ffffff8c;border-radius:999px;width:18px;height:18px;box-shadow:3px 3px 6px #1e1d1a24,-3px -3px 6px #ffffffd9}.events-setting-value{background:var(--landing-bg);width:64px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436bf;border:0;border-radius:12px;padding:8px 10px;font-weight:700;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffd9}.events-settings-right{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.events-action-button{background:var(--landing-bg);color:#2d3436d1;font-size:.85rem;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:12px;padding:10px 16px;font-weight:800;transition:transform .16s,box-shadow .16s}.events-action-button:active{box-shadow:inset 3px 3px 6px var(--landing-shadow-dark), inset -3px -3px 6px var(--landing-shadow-light);transform:translateY(1px)}.events-action-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.events-row{color:#2d3436d1;background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);z-index:0;border:0;border-radius:16px;grid-template-columns:88px 96px 92px 92px 92px minmax(260px,1.35fr) auto;gap:12px 8px;padding:16px 18px;font-size:.95rem;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;position:relative;overflow:visible}.events-row.is-midi-input{grid-template-columns:88px 96px 92px 92px minmax(260px,1.35fr) auto}.events-row>span:first-child{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d3436c7;font-weight:700}.events-row[role=button]{cursor:pointer}.events-row[role=button]:hover{filter:brightness(1.02);z-index:40;transform:translateY(-1px)}.events-row[role=button]:focus-within{z-index:50}.events-row:has(.add-note-menu){z-index:120}.events-row.is-active{box-shadow:inset 6px 6px 12px #1e1d1a24,inset -6px -6px 12px #ffffffb3}.events-row.is-merge-pair{box-shadow:inset 6px 6px 12px #6f7cff24,inset -6px -6px 12px #ffffffa8}.event-actions{grid-template-columns:auto auto;justify-content:end;align-items:center;gap:6px;display:grid;overflow:visible}.edit-actions{gap:4px;display:flex;overflow:visible}.merge-cell{justify-content:flex-start;display:flex}.merge-notes-button{background:var(--landing-bg);color:#2d3436cc;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:transform .16s,box-shadow .16s,color .16s}.merge-notes-button.is-ready{color:var(--landing-periwinkle)}.merge-notes-button:hover:not(:disabled),.merge-notes-button:focus-visible:not(:disabled){box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.merge-notes-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.edit-head{align-items:center;gap:12px;display:grid}.merge-head{justify-content:center;align-items:center;gap:10px;display:flex}.event-undo-button{background:var(--landing-bg);color:#2d3436b3;cursor:pointer;width:44px;height:44px;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,color .16s;display:inline-flex}.event-undo-button:hover:not(:disabled),.event-undo-button:focus-visible:not(:disabled){box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);color:var(--landing-periwinkle);transform:translateY(1px)}.event-undo-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.edit-label{letter-spacing:.12em;text-transform:uppercase;color:#6b6a66;font-size:.75rem}.event-actions button{background:var(--landing-bg);color:#2d3436d1;cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;margin-right:4px;padding:8px 12px;font-size:.85rem;transition:transform .16s,box-shadow .16s}.event-actions button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.event-actions button:last-of-type{margin-right:0}.add-note{z-index:200;position:relative}.add-note-button{background:var(--landing-bg);color:#2d3436d1;cursor:pointer;min-width:40px;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:8px 12px;font-size:.75rem;transition:transform .16s,box-shadow .16s}.add-note-button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.event-actions button[aria-label=Delete\ note]{font-size:.75rem}.add-note-menu{background:var(--landing-bg);min-width:160px;box-shadow:10px 10px 20px var(--landing-shadow-dark), -10px -10px 20px var(--landing-shadow-light);z-index:2200;border:0;border-radius:18px;gap:8px;padding:14px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.add-note-menu label{color:#6b6a66;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:.75rem;display:grid}.add-note-menu select,.add-note-menu input[type=number]{background:var(--landing-bg);color:#2d3436d1;box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:12px;outline:none;padding:8px 10px;font-size:.85rem}.add-note-menu button{background:var(--landing-bg);color:var(--landing-periwinkle);cursor:pointer;box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border:0;border-radius:999px;padding:10px 12px;font-size:.8rem;font-weight:700;transition:transform .16s,box-shadow .16s}.add-note-menu button:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.add-note-toggle{background:#e7e4de;border-radius:999px;gap:4px;padding:3px;display:flex}.add-note-toggle button{color:#3c3a35;text-transform:none;letter-spacing:normal;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:110px;padding:6px 12px;font-size:.75rem}.add-note-toggle button.is-active{color:#fff;background:#1e1d1a;border-radius:999px}.merge-checkbox{width:22px;height:22px;margin-left:0}.events-row span{font-variant-numeric:tabular-nums}.events-row.is-active{background:var(--landing-bg)}.events-panel.melody-page .events-row.is-active{box-shadow:inset 6px 6px 12px #1e1d1a24,inset -6px -6px 12px #ffffffb3,0 0 0 2px #6f7cff38}.events-head{letter-spacing:.12em;text-transform:uppercase;color:#3c3a35;font-size:.85rem}.events-panel.melody-page .events-row.events-head{background:var(--landing-bg);box-shadow:8px 8px 16px var(--landing-shadow-dark), -8px -8px 16px var(--landing-shadow-light);border:0;border-radius:20px;padding:18px}.events-panel.melody-page .events-row.events-head>span,.events-panel.melody-page .events-row.events-head .edit-label,.events-panel.melody-page .events-row.events-head .confidence-filter span{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.events-panel.melody-page .events-row>span:nth-child(-n+5),.events-panel.melody-page .events-row.events-head>span:nth-child(3),.events-panel.melody-page .events-row.events-head>span:nth-child(4),.events-panel.melody-page .events-row.events-head>span:nth-child(5){justify-self:center}.events-panel.melody-page .events-head-action{color:#2d34369e;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:800}.events-panel.melody-page .events-head-actions{justify-self:end;align-items:center;gap:28px;display:inline-flex}.events-panel.melody-page .events-head-action.is-ready{color:var(--landing-periwinkle)}.events-panel.melody-page .events-head-action:disabled{opacity:.42;cursor:not-allowed}.events-panel.melody-page .events-row.events-head input[type=range]{accent-color:var(--landing-periwinkle)}.events-row.events-head,.events-row.events-filter-row{align-items:center}.events-row.events-filter-row{color:#4a4844;font-size:.85rem}.events-row.events-filter-row .confidence-filter{justify-self:start}.events-settings-panel-bottom .events-setting-confidence .events-setting-row{justify-content:center}.confidence-head{align-items:start;gap:6px;display:grid}.events-head-label{text-transform:uppercase;letter-spacing:.12em;color:#6b6a66;font-size:.75rem}.confidence-value{background:var(--landing-bg);color:#2d3436c7;font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;width:56px;min-width:44px;height:30px;box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:12px;padding:0 8px;font-size:.85rem}.confidence-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.confidence-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.confidence-value:focus{outline:none}.confidence-pill{background:var(--landing-bg);box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436b8;border-radius:999px;justify-content:center;justify-self:center;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex;transform:none}.duration-cell{justify-self:center}.duration-input{background:var(--landing-bg);width:76px;height:34px;box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436b8;text-align:center;appearance:none;cursor:pointer;border:0;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:700}.duration-input:focus{box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light), 0 0 0 2px #6f7cff2e;outline:none}.piano-roll{gap:10px;display:grid}.piano-roll-track.is-edit-midi{box-shadow:inset 0 0 0 4px #6f7cff8f,0 0 0 3px #6f7cff3d,0 0 30px #6f7cff42}.piano-roll-track.is-edit-midi .piano-roll-note{cursor:grab}.piano-roll-track.is-edit-midi .piano-roll-note:active{cursor:grabbing}.piano-roll-note-handle{fill:#1d7bffeb;opacity:.92;cursor:ew-resize;filter:drop-shadow(0 0 8px #1d7bff59)}.piano-roll-boundary-hit{fill:#7aeb5f03;cursor:col-resize}.piano-roll-boundary-handle{fill:#7aeb5ffa;opacity:.95;filter:drop-shadow(0 0 9px #7aeb5f57)}.melody-edit-log-float{z-index:30;gap:0;width:min(255px,100vw - 24px);display:grid;position:fixed}.melody-edit-log-drag{color:#3844a0e6;width:100%;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:move;touch-action:none;background:#e8ecfff5;border:1px solid #6f7cff57;border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.75rem;font-weight:700;display:flex}.melody-edit-log-box{background:#f4f7fffa;border:1px solid #6f7cff57;border-radius:0 0 12px 12px;max-height:220px;padding:8px 0;overflow-y:auto;box-shadow:0 10px 24px #5360c21f,inset 0 1px #ffffffd6}.melody-edit-log-box.is-collapsed{display:none}.melody-edit-log-drag-actions{align-items:center;display:inline-flex}.melody-edit-log-collapse{color:#3844a0e0;cursor:pointer;background:#ffffffc7;border:1px solid #6f7cff4d;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.melody-edit-log-empty{color:#4854aaa8;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);padding:2px 12px 6px 28px;font-size:.81rem;line-height:1.45;position:relative}.melody-edit-log-empty:before{content:"•";color:#6f7cffdb;position:absolute;top:2px;left:12px}.melody-edit-log-entry{color:#2b3378e6;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);text-align:left;background:0 0;border-bottom:0;padding:2px 12px 6px 28px;font-size:.8rem;line-height:1.4;position:relative}.melody-edit-log-entry:before{content:"•";color:#6f7cffe0;position:absolute;top:2px;left:12px}@media (max-width:900px){.melody-edit-log-float{width:auto;bottom:12px;left:12px;top:auto!important;right:12px!important}}.piano-roll-scroll{flex:1;width:100%;min-width:0}.events-panel.melody-page .events-toggle{color:#2d3436d1;box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0}.events-panel.melody-page .events-toggle input[type=checkbox]{accent-color:var(--landing-periwinkle)}.overlap-modal-panel{width:min(420px,100%)}.overlap-modal-copy{color:#353028cc;margin:0 0 18px;line-height:1.5}.overlap-modal-actions{justify-content:flex-end;gap:10px;display:flex}.basCheck{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;display:inline-flex}.basCheck input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.basCheckMold{background:var(--landing-bg);width:42px;height:42px;box-shadow:6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);border-radius:14px;flex:none;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),box-shadow .22s cubic-bezier(.175,.885,.32,1.275);position:relative}.basCheckMold:after{content:"";opacity:0;filter:blur(.4px);background:#2d34362e;border-radius:5px;width:14px;height:14px;margin:auto;transition:opacity .18s cubic-bezier(.175,.885,.32,1.275),transform .18s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0;transform:scale(.5)}.basCheckLabel{letter-spacing:-.02em;color:#2d3436d1;align-items:center;gap:8px;font-weight:800;transition:color .18s;display:inline-flex}.basCheck:hover .basCheckMold{transform:translateY(-1px)}.basCheck input[type=checkbox]:checked+.basCheckMold{box-shadow:inset 4px 4px 8px var(--landing-shadow-dark), inset -4px -4px 8px var(--landing-shadow-light);transform:scale(.97)}.basCheck input[type=checkbox]:checked+.basCheckMold:after{opacity:1;background:var(--landing-periwinkle);transform:scale(1);box-shadow:0 0 14px #6f7cff73}.basCheck input[type=checkbox]:checked~.basCheckLabel{color:var(--landing-periwinkle)}.basCheck input[type=checkbox]:disabled+.basCheckMold{opacity:.55;box-shadow:none;transform:none}.basCheck input[type=checkbox]:focus-visible+.basCheckMold{box-shadow:0 0 0 3px #6f7cff38, 6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);outline:none}.events-panel.melody-page .tempo-controls{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0}.events-panel.melody-page .tempo-controls label{align-items:center;gap:10px;display:inline-flex}.events-panel.melody-page .tempo-controls input[type=range]{width:101px}.events-panel.melody-page .tempo-controls label{color:#2d3436d1}.events-panel.melody-page .tempo-controls span{color:#2d3436d1;font-variant-numeric:tabular-nums}.events-panel.melody-page .tempo-controls input[type=range]{accent-color:var(--landing-periwinkle)}.events-panel.melody-page .tempo-controls input[type=range]::-webkit-slider-runnable-track{background:#1e1d1a2e;border:0;border-radius:999px;height:8px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffb3}.events-panel.melody-page .tempo-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--landing-bg);width:18px;height:18px;box-shadow:4px 4px 8px var(--landing-shadow-dark), -4px -4px 8px var(--landing-shadow-light);border:0;border-radius:999px;margin-top:-6px}.events-panel.melody-page .tempo-controls input[type=range]::-moz-range-track{background:#1e1d1a2e;border:0;border-radius:999px;height:8px;box-shadow:inset 2px 2px 4px #1e1d1a1a,inset -2px -2px 4px #ffffffb3}.events-panel.melody-page .tempo-controls input[type=range]::-moz-range-thumb{background:var(--landing-bg);width:18px;height:18px;box-shadow:4px 4px 8px var(--landing-shadow-dark), -4px -4px 8px var(--landing-shadow-light);border:0;border-radius:999px}.events-panel.melody-page .preview-controls>span{color:#2d3436b3;white-space:nowrap;background:0 0;border:0;border-radius:0;margin-left:auto;padding:0;font-size:.85rem}.events-panel.melody-page .basSettingsPanel{background:var(--landing-bg);width:100%;box-shadow:var(--bas-shadow-raised);z-index:20;border:1px solid #ffffff8a;border-radius:22px;justify-content:flex-start;align-items:center;gap:18px;padding:16px 18px;display:flex;position:relative;overflow:visible}.events-panel.melody-page .basSettingsLeft{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex;overflow:visible}.rhythm-control-deck{gap:12px;width:100%;display:grid}.rhythm-control-group{box-shadow:var(--bas-shadow-carved);background:linear-gradient(#ffffff57,#f4f1eaeb);border:1px solid #ffffff6b;border-radius:20px;gap:12px;padding:14px 16px;display:grid}.rhythm-control-group-primary{gap:10px}.rhythm-control-group-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rhythm-control-group-copy{color:#4a4844c2;margin-top:4px;font-size:.92rem;line-height:1.5;display:block}.rhythm-control-grid{align-items:end;gap:12px;display:grid}.rhythm-control-grid-primary{grid-template-columns:repeat(4,minmax(160px,1fr))}.rhythm-control-grid-secondary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.rhythm-control-group-collapsible{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;overflow:hidden}.rhythm-control-group-collapsible.is-open{box-shadow:var(--bas-shadow-carved);background:linear-gradient(#ffffff57,#f4f1eaeb);border:1px solid #ffffff6b;border-radius:20px;padding:14px 16px}.rhythm-control-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:8px 0;display:flex}.rhythm-control-group-collapsible.is-open .rhythm-control-toggle{padding:0 0 12px}.rhythm-control-toggle>span:first-child{min-width:0}.rhythm-control-toggle-glyph{background:var(--landing-bg);width:32px;height:32px;box-shadow:var(--bas-shadow-raised);color:#2d3436b8;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.rhythm-control-group-collapsible .rhythm-control-grid{padding:0}.events-panel.melody-page .basSettingsRight{flex:none;align-items:center;gap:12px;display:flex;overflow:visible}.basSelectWrap{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;align-items:center;min-width:140px;height:46px;padding:0 14px;display:inline-flex;position:relative}.basSelectWrap:after{content:"▾";font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d343685;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.basSelectMenuWrap{position:relative}.basSelectMenuWrap.is-open:after{color:#2d3436c7}.basSelect{appearance:none;color:#2d3436db;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;outline:none;padding-right:26px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1rem;font-weight:700;line-height:1}.basSelectButton{text-align:left;text-transform:uppercase;min-width:100px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;font-size:.7rem}.basSelect option{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:700}.basToneMenu{z-index:60;background:#eceae4;border:1px solid #ffffffa8;border-radius:22px;gap:6px;min-width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:10px 12px 24px #1e1d1a17,-4px -4px 10px #ffffff8f,inset 0 1px #ffffff57}.basToneMenuItem{color:#2d3436c7;min-height:42px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0 14px;font-size:.7rem;font-weight:700;transition:background .16s,box-shadow .16s,color .16s,transform .16s}.basToneMenuItem:hover,.basToneMenuItem.is-selected{background:var(--landing-bg);color:#2d3436e6;box-shadow:inset 4px 4px 8px #1e1d1a14,inset -4px -4px 8px #ffffffc7}.basTone{justify-items:start;gap:6px;display:grid;position:relative}.basToneRow{align-items:center;gap:10px;display:flex}.basToneParams{background:var(--landing-bg);min-width:76px;height:40px;color:var(--landing-periwinkle);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff7a;border-radius:8px;padding:0 10px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8,inset 0 1px #ffffff5c}.basToneParams:hover:not(:disabled){transform:translateY(1px);box-shadow:2px 3px 6px #1e1d1a0f,-2px -2px 5px #ffffffad}.basToneParams:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.events-panel.melody-page .synth-menu{z-index:50;background:#eceae4;border:1px solid #ffffffa8;border-radius:28px;width:min(280px,100vw - 32px);min-height:280px;padding:16px 16px 14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:10px 12px 24px #1e1d1a17,-4px -4px 10px #ffffff8f,inset 0 1px #ffffff57}.events-panel.melody-page .synth-menu-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.events-panel.melody-page .synth-menu-kicker{text-transform:uppercase;letter-spacing:.16em;color:#2d34368c;font-size:.62rem;font-weight:800}.events-panel.melody-page .synth-menu-model{height:22px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:var(--landing-periwinkle);box-shadow:var(--bas-shadow-carved);border:1px solid #ffffff57;border-radius:8px;align-items:center;margin-top:4px;padding:0 8px;font-size:.62rem;display:inline-flex}.events-panel.melody-page .synth-menu-close{color:#2d3436b3;cursor:pointer;background:#efede7;border:1px solid #ffffff7a;border-radius:12px;width:34px;height:34px;box-shadow:4px 5px 10px #1e1d1a11,-3px -3px 8px #ffffffb8}.events-panel.melody-page .synth-label-row{text-transform:uppercase;letter-spacing:.1em;color:#2d3436c7;justify-content:space-between;align-items:baseline;gap:10px;font-size:.68rem;font-weight:800;display:flex}.events-panel.melody-page .synth-value{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d343694;text-transform:none;font-weight:600}.events-panel.melody-page .synth-controls{gap:12px;display:grid}.events-panel.melody-page .synth-controls label{gap:8px;display:grid}.events-panel.melody-page .synth-controls input[type=range]{width:100%}.events-panel.melody-page .synth-controls input[type=range]::-webkit-slider-runnable-track{height:32px;box-shadow:var(--bas-shadow-carved);background:#efede7;border-radius:18px}.events-panel.melody-page .synth-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#efede7;border:1px solid #ffffff6b;border-radius:12px;width:40px;height:24px;margin-top:4px;box-shadow:4px 5px 10px #1e1d1a12,-2px -2px 6px #ffffffbd}.events-panel.melody-page .synth-controls input[type=range]::-moz-range-track{height:32px;box-shadow:var(--bas-shadow-carved);background:#efede7;border-radius:18px}.events-panel.melody-page .synth-controls input[type=range]::-moz-range-thumb{background:#efede7;border:1px solid #ffffff6b;border-radius:12px;width:40px;height:24px;box-shadow:4px 5px 10px #1e1d1a12,-2px -2px 6px #ffffffbd}.events-panel.melody-page .basTinyLabel{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d34368c;font-size:.7rem}.events-panel.melody-page .basSettingsToggleGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.events-panel.melody-page .basCheckStacked{justify-items:center;gap:8px;min-width:92px;display:grid}.events-panel.melody-page .basCheckStacked .basTinyLabel{text-align:center}.events-panel.melody-page .basCheckStacked .basCheckMold{margin:0}.events-panel.melody-page .basPlaybackRow{background:var(--landing-bg);box-shadow:var(--bas-shadow-raised);border:1px solid #ffffff80;border-radius:18px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;display:flex}.rhythm-learn-panel{overflow:hidden;gap:0!important;padding:0!important;display:grid!important}.rhythm-learn-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:8px 14px;display:flex}.rhythm-learn-toggle-copy{gap:3px;min-width:0;display:grid}.rhythm-learn-preview{color:#4a4844cc;gap:2px;font-size:.95rem;line-height:1.45;display:grid}.rhythm-learn-preview-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rhythm-learn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:0 14px 12px;display:grid}.rhythm-learn-column{min-width:0}.rhythm-learn-list{color:#2d3436c7;margin:8px 0 0;padding-left:18px}.rhythm-learn-list li{margin:4px 0}.rhythm-learn-list-secondary{color:#2d3436bd}.rhythm-learn-pattern{letter-spacing:.04em;color:#2d3436d1;margin-top:8px;font-weight:800}.rhythm-audio-menu{position:relative}.rhythm-audio-trigger{min-width:96px}.rhythm-audio-popover{z-index:80;background:#eceae4;border:1px solid #ffffffa8;border-radius:20px;gap:8px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:10px 12px 24px #1e1d1a17,-4px -4px 10px #ffffff8f,inset 0 1px #ffffff57}.rhythm-audio-option{color:#2d3436d6;cursor:pointer;background:#ffffff52;border-radius:14px;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-weight:700;display:flex}.rhythm-audio-option input{accent-color:var(--landing-periwinkle)}.rhythm-audio-option:has(input:disabled){opacity:.5;cursor:not-allowed}.events-panel.melody-page .basSettingsTempo{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.events-panel.melody-page .basSettingsTempo .tempo-controls{margin:0}.events-panel.melody-page .basSettingsTempo .tempo-controls span{color:#2d3436c7;font-weight:700}.events-panel.melody-page .basPlayhead{gap:6px;display:grid}.events-panel.melody-page .basPlayheadPill{background:var(--landing-bg);box-shadow:var(--bas-shadow-carved);border:1px solid #fff6;border-radius:18px;align-items:center;min-width:140px;padding:12px 14px;display:flex}.events-panel.melody-page .basPlayheadValue{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.02em;color:#2d3436c7;font-weight:700}.events-panel.melody-page .basSettingsPrimary{background:var(--landing-bg);border:1px solid #ffffff7a;border-radius:14px;width:48px;height:48px;box-shadow:4px 5px 10px #1e1d1a12,-3px -3px 8px #ffffffbd,inset 0 1px #ffffff57}.events-panel.melody-page .basSettingsPrimary:hover:not(:disabled){transform:translateY(1px);box-shadow:2px 3px 6px #1e1d1a0f,-2px -2px 5px #ffffffad}.events-panel.melody-page .basSettingsPanel .merge-selected-button{border-radius:999px;padding:10px 14px}@media (max-width:760px){.events-panel.melody-page .basSettingsPanel{flex-direction:column;align-items:stretch}.events-panel.melody-page .basSettingsRight{justify-content:space-between}.events-panel.melody-page .basPlayheadPill{min-width:0}}.piano-roll-note.is-deleting{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px #ff3c3c99);animation:.65s forwards note-explode}.piano-roll-note.is-added{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 8px #2ad67ccc);animation:.9s ease-out forwards note-added}.piano-roll-note.is-merge-pair{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 10px #1d7bff8c);animation:1.35s ease-in-out infinite merge-note-bounce;fill:#1d7bff!important}.events-panel.melody-page .piano-roll-note.is-merging{animation:1.5s ease-in-out forwards melody-merge-notes;opacity:1!important}.events-panel.melody-page .piano-roll-note.is-merge-pair:not(.is-merging){opacity:1;animation:.78s ease-in-out infinite melody-merge-ready-bounce}@keyframes merge-note-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.2px)scale(1.03)}}@keyframes melody-merge-ready-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3.2px)scale(1.04)}}@keyframes melody-merge-notes{0%{transform:translate(0)rotate(0)scale(1)}12%{transform:translateY(-4px)rotate(-1.6deg)scale(1.02)}24%{transform:translateY(-7px)rotate(1.8deg)scale(1.03)}36%{transform:translateY(-6px)rotate(-1.2deg)scale(1.03)}48%{transform:translateY(-3px)rotate(1.2deg)scale(1.02)}58%{transform:translateY(0)rotate(0)scale(1.02)}78%{transform:translateX(calc(var(--merge-dx,0px) * .45)) rotate(0deg) scale(1.04)}to{transform:translateX(var(--merge-dx,0px)) rotate(0deg) scale(1.08)}}@keyframes note-added{0%{opacity:.2;transform:scale(.9)}20%{opacity:1;transform:scale(1.06)}40%{opacity:.25;transform:scale(1)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes note-explode{0%{fill:#ff4a4a;transform:scale(1)}20%{transform:scale(1.08)translate(-1px)}40%{transform:scale(1.18)translate(2px)}60%{transform:scale(1.28)translate(-2px)}80%{opacity:.7;transform:scale(1.38)}to{opacity:0;transform:scale(1.6)}}.piano-roll-track{height:100%;position:relative}.phrase-ruler{pointer-events:none;z-index:3;height:20px;position:absolute;top:4px;left:12px;right:12px}.phrase-ruler-handle{cursor:ew-resize;pointer-events:auto;touch-action:none;background:0 0;border:0;justify-content:center;align-items:flex-start;width:26px;height:24px;padding:0;display:inline-flex;position:absolute;top:-2px;transform:translate(-50%)}.phrase-ruler-handle:before{content:"";opacity:0;background:#ffffffdb;border-radius:999px;transition:opacity .16s;position:absolute;inset:2px 4px 0;box-shadow:0 6px 14px #1e1d1a1f,inset 0 1px #ffffffb8}.phrase-ruler-handle:hover:before,.phrase-ruler-handle:focus-visible:before{opacity:1}.phrase-ruler-handle:focus-visible{outline:none}.phrase-ruler-handle-glyph{filter:drop-shadow(0 4px 8px #32429c38);border-top:11px solid #6f7cfff5;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-top:2px;position:relative}.basQuantizeGroup{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.piano-roll-track svg{width:100%;height:100%;display:block}.piano-roll-scroll{max-width:100%}.piano-roll-playhead{pointer-events:none;z-index:2;background:#a5b4fc;border-radius:0;width:2px;position:absolute;top:6px;bottom:6px;box-shadow:0 0 15px #a5b4fc8c}.piano-roll-playhead:before{content:none}.scroll-panel{scrollbar-gutter:stable;overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;padding-bottom:4px;overflow:auto hidden}.midi-viewport.scroll-panel{padding-bottom:0}.debug-overflow{outline-offset:-2px;outline:2px solid #f009}.scroll-inner{height:100%;min-height:1px}.score-scroll,.score-inner{position:relative}.score-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px}.score-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.roll-caption{color:#6b6a66;margin:0;font-size:.85rem}.roll-caption h3{color:#1e1d1a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:1.05rem}.roll-caption p{color:#4a4844;max-width:820px;margin:0;font-size:.95rem;line-height:1.5}.melody-phrase-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.melody-phrase-summary-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.melody-phrase-card{background:#ffffff8a;border-radius:18px;padding:14px 16px;box-shadow:inset 4px 4px 10px #1e1d1a12,inset -4px -4px 10px #ffffffb8}.melody-phrase-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.melody-phrase-name{letter-spacing:.12em;text-transform:uppercase;color:#2d3436b8;font-size:.8rem;font-weight:700}.melody-phrase-role{color:#3844a0e6;background:#6f7cff1f;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.melody-phrase-bars{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:#2d3436c2;font-size:.84rem}.melody-phrase-card p{color:#4a4844;margin:8px 0 0;font-size:.9rem;line-height:1.45}.harmony-phrase-ribbon{background:linear-gradient(#ffffffb3,#f2efe8e6),#ffffff9e;border:1px solid #52504a1f;border-radius:26px;align-items:stretch;gap:0;padding:10px 0;display:grid;position:relative;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #52504a0a}.harmony-phrase-change-lane{align-items:stretch;gap:8px;margin:0 0 10px;display:grid}.harmony-phrase-change-span{background:linear-gradient(#6f7cff1f,#6f7cff0f),#ffffffb3;border-radius:16px;min-height:74px;padding:10px 12px 12px;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #1e1d1a08}.harmony-chord-zone-lane{min-height:48px;margin:10px 0 20px;position:relative}.harmony-chord-zone-span{pointer-events:auto;z-index:1;--zone-accent:#5c6ac4c7;min-width:0;position:absolute;top:0;bottom:0}.harmony-chord-zone-span:after{content:"";pointer-events:none;border:1px solid #aaa2946b;border-radius:18px;position:absolute;inset:-3px;box-shadow:inset 0 1px #ffffffd6,0 10px 22px #1e1d1a14}.harmony-chord-zone-span.is-updated:before{content:"";pointer-events:none;opacity:0;border:2px solid #1d7bff6b;border-radius:5px;animation:1s ease-in-out 3 chordUpdatedPulse;position:absolute;inset:-5px;box-shadow:0 0 #1d7bff52,0 0 18px #1d7bff38}.harmony-chord-zone-span.is-open{z-index:4}.harmony-chord-zone-chip{background:linear-gradient(#fffffff5,#f6f1e8fa);border:1px solid #d8d1c3e6;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:10px 12px 22px #1e1d1a1a,-6px -6px 14px #ffffffd1,inset 0 1px #ffffffeb}.harmony-chord-zone-chip:before{content:"";background:var(--zone-accent);height:4px;box-shadow:0 1px 6px color-mix(in srgb, var(--zone-accent) 40%, transparent);border-radius:999px;position:absolute;top:6px;left:10px;right:10px}.harmony-chord-zone-chip-button{appearance:none;cursor:pointer;border:0;padding:0;transition:transform .14s,filter .14s}.harmony-chord-zone-chip-button:hover,.harmony-chord-zone-chip-button:focus-visible{filter:saturate(1.04);transform:translateY(-2px)scale(1.02)}.harmony-chord-zone-span.is-open .harmony-chord-zone-chip{border-color:#90a5d794;box-shadow:0 0 0 3px #adbeeb38,14px 16px 28px #1e1d1a1f,-8px -8px 18px #ffffffd6,inset 0 1px #ffffffeb}.harmony-chord-zone-name{letter-spacing:.08em;text-transform:uppercase;color:#3844a0f5;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #ffffffb8;padding:12px 14px 8px;font-size:.78rem;font-weight:800;overflow:hidden}.harmony-zone-recommendations-toast{z-index:5;position:absolute;top:calc(100% + 6px);right:8px}.harmony-chord-zone-menu{background:linear-gradient(#fffffff5,#f4f1eafc);border:1px solid #aca39538;border-radius:20px;min-width:320px;padding:18px;box-shadow:22px 28px 54px #1e1d1a29,-10px -10px 22px #ffffffd1,inset 0 1px #ffffffe6}.harmony-zone-popup-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.harmony-zone-popup-title{letter-spacing:.08em;text-transform:uppercase;color:#6a655c;font-size:.78rem;font-weight:700}.harmony-zone-popup-dragbar{cursor:grab;-webkit-user-select:none;user-select:none;padding:2px 2px 6px}.harmony-zone-popup-dragbar:active{cursor:grabbing}.harmony-zone-popup-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.harmony-zone-popup-close{color:#4a4844b8;width:30px;height:30px;box-shadow:var(--bas-shadow-raised);cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffffffe0,#f5f0e6fa);border:1px solid #aca3953d;border-radius:999px;font-size:.9rem;line-height:1}.harmony-zone-popup-close:hover,.harmony-zone-popup-close:focus-visible{color:#2d3436eb}.harmony-zone-popup-summary{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.harmony-zone-popup-summary .chord-select-trigger{border-radius:16px;width:100%;padding:12px 14px}.harmony-zone-popup-controls{margin-top:8px}.harmony-zone-popup-buttons{gap:8px;margin-top:10px;display:flex}.harmony-timing-hint-lane{align-items:center;gap:8px;margin:0 0 10px;display:grid}.harmony-timing-hint-cell{min-width:0}.harmony-timing-hint-pill,.harmony-timing-hint-placeholder{border-radius:999px;min-height:28px}.harmony-timing-hint-pill{cursor:default;background:#ffffffbd;border:1px solid #52504a1a;justify-content:center;align-items:center;width:100%;padding:6px 10px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffb8,0 1px 1px #1e1d1a08}.harmony-timing-hint-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:800;overflow:hidden}.harmony-timing-hint-tooltip{z-index:10;color:#fffcf5f5;opacity:0;visibility:hidden;pointer-events:none;background:#1f1e26f0;border-radius:12px;width:min(240px,100vw - 32px);padding:10px 12px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #1111132e}.harmony-timing-hint-tooltip:after{content:"";background:#1f1e26f0;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.harmony-timing-hint-pill:hover .harmony-timing-hint-tooltip,.harmony-timing-hint-pill:focus-visible .harmony-timing-hint-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.harmony-timing-hint-tooltip-kicker{letter-spacing:.08em;text-transform:uppercase;color:#c8ceffdb;margin-bottom:6px;font-size:.66rem;font-weight:800;display:inline-block}.harmony-timing-hint-tooltip p{margin:0;font-size:.78rem;line-height:1.4}.harmony-timing-hint-placeholder{background:#52504a0a;border:1px dashed #52504a14}.harmony-timing-hint-pickup{color:#804818eb;background:#d485401f}.harmony-timing-hint-start{color:#1f4584eb;background:#4078d41f}.harmony-timing-hint-continuation{color:#3844a0eb;background:#6f7cff1f}.harmony-timing-hint-cadence{color:#26613af0;background:#45955d24}.harmony-phrase-span{background:linear-gradient(#6f7cff1a,#6f7cff0a),0 0;gap:10px;min-height:76px;padding:10px 14px 12px;display:grid;position:relative}.harmony-phrase-span.has-left-break:before,.harmony-phrase-span.has-right-break:after{content:"";z-index:1;background:#f0ece4f5;border-radius:999px;width:14px;position:absolute;top:10px;bottom:10px;box-shadow:inset 1px 0 #ffffffd1,inset -1px 0 #52504a14}.harmony-phrase-span.has-left-break:before{left:-7px}.harmony-phrase-span.has-right-break:after{right:-7px}.harmony-phrase-span-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.harmony-phrase-span-role{color:#3844a0db;font-size:.72rem;font-weight:700}.harmony-phrase-strip{position:relative}.harmony-phrase-ribbon{border-radius:16px;min-height:66px;position:relative}.harmony-phrase-ribbon-base{background:#f5f2eaf0;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #5953441f,0 6px 16px #1c1f380a}.harmony-phrase-span{border-radius:12px;flex-direction:column;gap:4px;min-height:52px;padding:9px 12px 6px;transition:left .12s,width .12s,background-color .12s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1px #4843381f}.harmony-phrase-span:after{display:none}.harmony-phrase-span-top{z-index:1;align-items:center;min-height:14px;display:flex;position:relative}.harmony-phrase-span-name{letter-spacing:.18em;text-transform:uppercase;color:#3e4458b8;font-size:.62rem;font-weight:800}.harmony-exact-boundary-layer{pointer-events:none;z-index:5;min-height:0;position:absolute;inset:0}.harmony-exact-boundary-marker{z-index:4;pointer-events:auto;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:18px;padding:0;display:inline-flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.harmony-exact-boundary-marker:before{content:"";opacity:.65;background:linear-gradient(#5a5e6f1a,#5a5e6f47,#5a5e6f1a);width:1px;height:100%;transition:opacity .14s,background .14s}.harmony-exact-boundary-marker:after{content:"";opacity:0;background:#4c54718f;border-radius:999px;width:12px;height:3px;transition:opacity .14s,width .14s,background .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.harmony-exact-boundary-marker:hover:before,.harmony-exact-boundary-marker:focus-visible:before{opacity:1;background:linear-gradient(#4c547124,#4c54716b,#4c547124)}.harmony-exact-boundary-marker:hover:after,.harmony-exact-boundary-marker:focus-visible:after{opacity:1;width:15px}.harmony-exact-boundary-badge,.harmony-exact-boundary-line{display:none}.harmony-phrase-change-rail{z-index:2;min-height:18px;position:relative}.harmony-phrase-change-line{background:linear-gradient(90deg,#8b95e42e,#5c6ac46b),#52504a14;border-radius:999px;height:2px;position:absolute;top:9px;left:0;right:0;box-shadow:inset 0 1px #ffffff38}.harmony-phrase-change-marker{appearance:none;z-index:3;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:6px;transform:translate(-50%)}.harmony-phrase-change-marker.is-draggable{cursor:grab}.harmony-phrase-change-marker.is-draggable:active{cursor:grabbing}.harmony-phrase-change-marker.is-fixed{cursor:default}.harmony-phrase-change-dot{background:#5c6ac4e6;border-radius:999px;width:8px;height:8px}.harmony-phrase-change-label{display:none}.harmony-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.harmony-full{gap:16px;display:grid}.harmony-full>*{min-width:0}.harmony-keybar{gap:6px;max-width:560px;display:grid}.harmony-analysis-box{gap:20px;padding:8px 0 0;display:grid;overflow:visible}.harmony-analysis-box-inner{background:#ffffff8f;border:1px solid #52504a1a;border-radius:24px;gap:24px;padding:26px 28px;display:grid;overflow:visible;box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #52504a0a}.harmony-analysis-heading{z-index:30;gap:10px;max-width:44rem;display:grid;position:relative;overflow:visible}.harmony-learning-strip{z-index:35;flex-wrap:wrap;gap:10px 16px;margin-top:14px;display:flex;position:relative;overflow:visible}.harmony-analysis-eyebrow{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343694;margin:0;font-size:.72rem}.harmony-analysis-title{letter-spacing:-.04em;color:#1e1d1af2;margin:2px 0 0;font-size:clamp(1.5rem,2.6vw,2rem);line-height:.98}.harmony-analysis-subtitle{color:#4a4844bd;max-width:38rem;margin:0;font-size:.98rem;line-height:1.6}.harmony-analysis-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:start;gap:20px;display:grid;overflow:visible}.harmony-analysis-left,.harmony-analysis-right{min-width:0;position:relative;overflow:visible}.harmony-overall-key-panel,.harmony-analysis-summary{background:#ffffff7a;border:1px solid #52504a14;border-radius:20px;gap:16px;padding:20px;display:grid;overflow:visible}.harmony-analysis-section-head{gap:4px;display:grid}.harmony-analysis-section-kicker{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2d343680;font-size:.67rem}.harmony-analysis-section-copy{color:#4a4844b8;margin:0;font-size:.9rem;line-height:1.5}.harmony-overall-key-actions{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 20px;padding-top:6px;display:grid}.harmony-overall-key-actions>.harmony-style-select,.harmony-overall-key-actions>.harmony-overall-key-select{min-width:0}.harmony-overall-key-select-plain{grid-column:1/2}.harmony-overall-key-actions>.harmony-style-select{gap:9px}.harmony-overall-key-actions>.harmony-style-select label,.harmony-overall-key-actions>.harmony-style-select .harmony-style-label{padding-left:2px}.harmony-overall-key-static{min-height:46px;box-shadow:var(--bas-shadow-carved);color:#1e1d1ae6;background:#ffffffb3;border-radius:18px;align-items:center;padding:0 14px;font-weight:700;line-height:1.25;display:flex}.harmony-key-signature-badge{min-width:118px;box-shadow:var(--bas-shadow-carved);background:#ffffffad;border-radius:18px;grid-area:1/2/span 3/3;justify-content:center;align-self:stretch;align-items:center;padding:8px;display:flex}.harmony-analysis-summary-card{gap:8px;padding-top:2px;display:grid}.harmony-analysis-summary-label{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.16em;text-transform:uppercase;color:#2d343694;font-size:.7rem}.harmony-analysis-summary-card strong{letter-spacing:-.03em;color:#1e1d1af2;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.1}.harmony-analysis-bullets{color:#2d3436c7;gap:10px;margin:0;padding-left:1.05rem;font-size:.95rem;line-height:1.58;display:grid}.harmony-analysis-bullets li::marker{color:#627ba6b8}.harmony-keybar select{width:100%;min-height:52px;font-size:.74rem;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.14em;text-transform:uppercase;color:#2d3436d6;appearance:none;background-color:#0000;background-image:linear-gradient(#ffffffeb,#f5f0e7fa),linear-gradient(45deg,#0000 50%,#595f70bd 50%),linear-gradient(135deg,#595f70bd 50%,#0000 50%);background-position:0 0,calc(100% - 21px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-repeat:no-repeat;background-size:auto,6px 6px,6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d1ddfcb8;border-radius:20px;padding:0 46px 0 18px;font-weight:700;box-shadow:inset 2px 2px 4px #ffffffd1,inset -3px -3px 6px #b0a59329,0 10px 22px #867b6c1f}.harmony-overall-key-select{appearance:none;width:100%;min-height:56px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);letter-spacing:.18em;text-transform:uppercase;color:#2a313ee6;background-color:#0000;background-image:linear-gradient(#fffffff0,#f3eee5fa),linear-gradient(45deg,#0000 50%,#595f70bd 50%),linear-gradient(135deg,#595f70bd 50%,#0000 50%);background-position:0 0,calc(100% - 22px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px);background-repeat:no-repeat;background-size:auto,7px 7px,7px 7px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d1ddfccc;border-radius:22px;padding:0 52px 0 20px;font-size:.84rem;font-weight:700;box-shadow:inset 2px 2px 4px #ffffffd6,inset -4px -4px 8px #ada3942e,0 12px 24px #857a6a24}.harmony-key-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.harmony-key-actions select{width:100%}.harmony-style-select{gap:8px;width:100%;display:grid}.harmony-style-label{letter-spacing:.16em;text-transform:uppercase;color:#2d343694;font-size:.7rem;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.harmony-style-select select,.harmony-overall-key-select-plain{transition:box-shadow .18s,border-color .18s,transform .18s}.harmony-style-select select:hover,.harmony-overall-key-select-plain:hover{border-color:#b8c8eeeb;box-shadow:inset 2px 2px 4px #ffffffe0,inset -4px -4px 8px #ada39429,0 14px 28px #857a6a29}.harmony-style-select select:focus-visible,.harmony-overall-key-select-plain:focus-visible{border-color:#90a5d7eb;outline:none;box-shadow:inset 2px 2px 4px #ffffffe6,inset -4px -4px 8px #ada3942e,0 0 0 3px #adbeeb52,0 14px 28px #857a6a2e}.harmony-rerun{background:var(--landing-bg);color:#2d3436e6;cursor:pointer;white-space:nowrap;min-height:42px;font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial);letter-spacing:-.03em;border:1px solid #ffffff6b;border-radius:999px;justify-self:start;padding:0 16px;font-weight:800;box-shadow:inset 2px 2px 4px #1e1d1a0f,inset -2px -2px 4px #ffffffb8}.harmony-rerun.is-dirty{color:#1e1d1af5;box-shadow:inset 2px 2px 4px #1e1d1a0f,inset -2px -2px 4px #ffffffb8,0 0 0 1px #627ba61f}.harmony-rerun:disabled{opacity:.5;cursor:not-allowed}.harmony-key-label{text-transform:uppercase;letter-spacing:.16em;color:#6b6a66;font-size:.85rem}.harmony-wide{width:100%}.harmony-card{background:#ffffffdb;border:1px solid #52504a1f;border-radius:16px;gap:6px;padding:16px;display:grid}.harmony-card h3{color:#1e1d1a;margin:0;font-size:1rem}.harmony-key-select select{background:#fff;border:1px solid #52504a33;border-radius:12px;width:100%;padding:8px 10px;font-size:1rem}.harmony-key{margin:0;font-size:1.2rem;font-weight:600;line-height:1.1}.harmony-list,.harmony-measures{gap:8px;display:grid}.harmony-row{color:#3c3a35;grid-template-columns:auto 1fr auto;gap:8px;font-size:.9rem;line-height:1.2;display:grid}.harmony-score{font-variant-numeric:tabular-nums;color:#5b5954}.harmony-muted{color:#6b6a66;margin:0;font-size:.9rem}.harmony-empty-state{box-shadow:none;background:#ffffff85;border:1px solid #52504a14;justify-content:flex-start}.harmony-measure{border:1px solid #52504a1f;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.harmony-measure-title{text-transform:uppercase;letter-spacing:.12em;color:#6b6a66;font-size:.8rem}.harmony-measure-chosen{color:#1e1d1a;font-weight:600}.harmony-measure-options{color:#4a4844;flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex}.harmony-chord-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.harmony-chord{background:#ffffffbf;border:1px solid #52504a1f;border-radius:12px;gap:4px;padding:8px 10px;display:grid}.harmony-chord-name{color:#1e1d1a;font-weight:600}.harmony-chord-roman{color:#6b6a66;font-size:.85rem}.harmony-chord-tones{color:#4a4844;letter-spacing:.05em;font-size:.85rem}.sheet-card{gap:10px;display:grid}.sheet-title{color:#1e1d1a;margin:0;font-size:.95rem;font-weight:600}.sheet-card svg{width:100%;height:auto}.sheet-stack{gap:16px;display:grid}.musicxml-panel{background:#ffffffd9;border:1px solid #52504a1f;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex;overflow:hidden}.musicxml-container{width:100%;max-width:100%;min-height:220px}.sheet-playhead-wrap{width:100%;position:relative}.sheet-playhead{pointer-events:none;z-index:2;background:#28d67c;border-radius:999px;width:4px;position:absolute;top:6px;bottom:6px}.sheet-playhead:before{content:"";border-top:8px solid #28d67c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.harmony-playback-row>button:not(.play-button){text-align:center;min-width:120px}.musicxml-container svg{width:100%;height:auto;display:block}@media (max-width:640px){.harmony-chord-grid{grid-template-columns:1fr}}.harmony-card .preview-controls{flex-wrap:wrap;margin-top:4px}.harmony-playback-row{box-shadow:none;background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;padding:4px 0 0;display:flex}.harmony-playback-row .harmony-transport-button{background:var(--landing-bg);width:60px;height:60px;box-shadow:6px 6px 12px var(--landing-shadow-dark), -6px -6px 12px var(--landing-shadow-light);border:0;border-radius:18px}.harmony-playback-row .harmony-transport-button:hover{box-shadow:4px 4px 10px var(--landing-shadow-dark), -4px -4px 10px var(--landing-shadow-light);transform:translateY(-1px)}.harmony-playback-row .harmony-transport-button .play-icon{border-left-color:var(--landing-periwinkle);border-top-width:10px;border-bottom-width:10px;border-left-width:15px}.harmony-playback-row .harmony-transport-button .stop-icon{background:var(--landing-periwinkle);border-radius:3px;width:14px;height:14px}.harmony-playback-row .basCheck{min-height:46px;box-shadow:none;background:0 0;border-radius:999px;padding:0 10px 0 4px}.harmony-playback-row .basCheckLabel{font-size:.92rem}.harmony-playback-row .basCheckMold{margin-right:10px}@media (max-width:880px){.harmony-analysis-grid{grid-template-columns:1fr}.harmony-analysis-box-inner{padding:22px 20px}.harmony-overall-key-actions{grid-template-columns:1fr}.harmony-key-signature-badge{grid-area:auto;min-width:0}.harmony-grid{grid-template-columns:1fr}}@media (max-width:640px){.upload-page{padding:48px 18px 72px}.status-card,.events-controls{flex-direction:column;align-items:flex-start}.events-row{grid-template-columns:1fr 1fr;row-gap:6px}}.upload-page{background:var(--landing-bg);color:var(--landing-text)}.sculpt-out{background:var(--landing-bg);box-shadow:10px 10px 20px var(--landing-shadow-dark), -10px -10px 20px var(--landing-shadow-light);border-radius:var(--landing-radius-md)}.sculpt-in{background:var(--landing-bg);box-shadow:inset 6px 6px 12px var(--landing-shadow-dark), inset -6px -6px 12px var(--landing-shadow-light);border-radius:var(--landing-radius-md)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,color .16s,opacity .16s;display:inline-flex}.btn:focus-visible{outline:none}.btn--pill{background:var(--landing-bg);color:var(--landing-text);box-shadow:5px 5px 10px var(--landing-shadow-dark), -5px -5px 10px var(--landing-shadow-light);border-radius:999px;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:700}.btn--pill:hover{box-shadow:2px 2px 5px var(--landing-shadow-dark), -2px -2px 5px var(--landing-shadow-light);transform:translateY(1px)}.btn--pill:active{transform:translateY(2px)}.btn--periwinkle{color:var(--landing-periwinkle)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.upload-page .hero h1,.upload-page .hero .subhead{color:var(--landing-text)}