.chord-analysis{--ca-canvas:#25282c;--ca-surface:#2d3238;--ca-ink:#e5ece8;--ca-muted:#b4bfc0;--ca-primary:#bfd7cb;--ca-line:#495158;--background:var(--ca-canvas);--foreground:var(--ca-ink);--popover:var(--ca-surface);--popover-foreground:var(--ca-ink);--muted:#373e44;--muted-foreground:var(--ca-muted);--accent:#3d4844;--accent-foreground:var(--ca-ink);--border:var(--ca-line);--input:var(--ca-line);--ring:var(--ca-primary);background:var(--ca-canvas);min-height:100dvh;color:var(--ca-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ca-header{border-bottom:1px solid var(--ca-line);justify-content:space-between;align-items:center;gap:18px;max-width:1120px;margin:auto;padding:22px 28px;display:flex}.ca-header-actions>details:not(.ca-project-menu){min-width:0;margin:0}.ca-header-actions>details:not(.ca-project-menu)>summary{align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.ca-header-actions>details:not(.ca-project-menu)>summary>svg{flex-shrink:0}.ca-header-actions>details:not(.ca-project-menu)>summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ca-brand{white-space:nowrap;min-height:44px;color:var(--ca-ink);flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.ca-brand img{display:block}:is(.ca-brand:focus-visible,.ca-info-link:focus-visible){outline:2px solid var(--ca-primary);outline-offset:4px;border-radius:4px}.ca-main{max-width:840px;margin:auto;padding:32px 28px 40px}.ca-intro{margin-bottom:24px}.ca-intro-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ca-intro h1{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.4}.ca-info-link{min-height:44px;color:var(--ca-primary);flex-shrink:0;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.ca-info-link:hover{color:var(--ca-ink)}.ca-intro p{color:var(--ca-muted);margin:0;font-size:15px;line-height:1.9}.ca-steps{gap:28px;margin:36px 0 24px;padding:0;list-style:none;display:flex}.ca-steps li{color:var(--ca-muted);align-items:center;gap:8px;font-size:13px;display:flex}.ca-steps li>span{border:1px solid var(--ca-line);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.ca-steps li.ca-step-current{color:var(--ca-primary);font-weight:600}.ca-upload{border:1px dashed var(--ca-line);background:var(--ca-surface);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex;position:relative}.ca-upload:hover{border-color:var(--ca-primary)}.ca-upload:focus-within{outline:2px solid var(--ca-primary);outline-offset:4px}.ca-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ca-upload.is-busy input{cursor:wait}.ca-upload>svg{color:var(--ca-primary)}.ca-upload strong{overflow-wrap:anywhere;max-width:100%;font-size:17px;font-weight:500}.ca-upload>span{color:var(--ca-muted);font-variant-numeric:tabular-nums;font-size:13px}.ca-submit{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.ca-submit>span{color:var(--ca-muted);font-size:13px}.ca-primary,.ca-secondary{cursor:pointer;border:1px solid var(--ca-line);border-radius:6px;min-height:44px;padding:10px 22px;font-size:14px}.ca-primary{color:#1b2922;background:var(--ca-primary);border-color:var(--ca-primary)}.ca-primary:disabled{opacity:.5;cursor:default}.ca-secondary{background:var(--ca-surface);color:var(--ca-ink)}:is(.ca-primary:focus-visible,.ca-secondary:focus-visible){outline:2px solid var(--ca-primary);outline-offset:3px}.ca-processing{color:var(--ca-primary);align-items:center;gap:14px;padding:28px 0;display:flex}.ca-processing strong{font-size:15px;font-weight:500}.ca-processing p{color:var(--ca-muted);margin:8px 0 0;font-size:13px}.ca-notice{color:var(--ca-ink);padding:16px 0;font-size:14px;line-height:1.7}.ca-notice p{margin:0 0 12px}.ca-footnote{color:var(--ca-muted);margin:28px 0;font-size:12px;line-height:1.9}.ca-player{background:#202225;border:0;width:100%;display:block}.ca-spinning{animation:1s linear infinite ca-spin}@keyframes ca-spin{to{transform:rotate(360deg)}}@media (max-width:649px){.ca-header{gap:8px;padding:14px 16px}.ca-brand{font-size:16px}.ca-header-actions>details:not(.ca-project-menu)>summary{padding-left:10px;padding-right:10px}.ca-header-actions>details:not(.ca-project-menu)>summary>span{max-width:92px}.ca-main{padding:24px 20px 36px}.ca-intro h1{font-size:24px}.ca-intro p{font-size:14px;line-height:1.8}.ca-steps{justify-content:space-between;gap:12px;margin-top:28px}.ca-steps li{flex-direction:column;gap:6px;font-size:11px}.ca-upload{padding:40px 16px}.ca-upload strong{font-size:15px}.ca-submit{flex-direction:column;align-items:flex-start}.ca-submit button{width:100%}.ca-footnote{font-size:12px}}@media (prefers-reduced-motion:reduce){.ca-spinning{animation:none}}.chord-analysis ::selection{background:var(--ca-primary);color:#1b2922}.chord-analysis input{caret-color:var(--ca-primary)}.ca-primary:hover:not(:disabled){background:#d0e5d9}.ca-secondary:hover{border-color:var(--ca-primary)}.ca-upload:has(input:disabled){cursor:default}.ca-header{background:var(--ca-canvas)}.ca-header-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.ca-has-result{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.ca-project-header{background:var(--ca-canvas);flex:none;gap:16px;width:100%;max-width:none;height:52px;min-height:52px;padding:0 16px}.ca-project-header .ca-brand{gap:8px;font-size:14px}.ca-project-title{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--ca-line);flex:1;min-width:0;margin:0;padding-left:16px;font-size:14px;font-weight:500;line-height:24px;overflow:hidden}.ca-project-header .ca-header-actions{flex-shrink:0}.ca-project-menu{z-index:45;flex:none;position:relative}.ca-project-menu>summary{cursor:pointer;width:36px;height:36px;color:var(--ca-muted);border-radius:6px;justify-content:center;align-items:center;list-style:none;display:flex}.ca-project-menu>summary::-webkit-details-marker{display:none}.ca-project-menu>summary:hover,.ca-project-menu[open]>summary{background:var(--muted);color:var(--ca-ink)}:is(.ca-project-menu>summary:focus-visible,.ca-project-menu-content a:focus-visible,.ca-project-menu-content button:focus-visible){outline:2px solid var(--ca-primary);outline-offset:2px}.ca-project-menu-content{border:1px solid var(--ca-line);background:var(--ca-surface);border-radius:8px;width:240px;max-height:calc(100dvh - 80px);padding:6px;position:absolute;top:42px;right:0;overflow:auto;box-shadow:0 10px 28px #1118}.ca-project-menu-content a,.ca-project-menu-content button{width:100%;min-height:40px;color:var(--ca-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.ca-project-menu-content a:hover,.ca-project-menu-content button:hover{background:var(--muted)}.ca-menu-exports{border-top:1px solid var(--ca-line);margin-top:6px;padding-top:6px}.ca-workbench{flex:1;min-height:0;overflow:hidden}.ca-workbench .ca-player{border:0;width:100%;height:100%;display:block}@media (max-width:649px){.ca-project-header{gap:10px;height:48px;min-height:48px;padding:0 12px}.ca-project-header .ca-brand>span{display:none}.ca-project-title{border:0;padding:0;font-size:13px}.ca-project-header .ca-header-actions{gap:4px}.ca-project-header .ca-header-actions>details:not(.ca-project-menu)>summary{height:36px;min-height:36px;padding:8px}.ca-project-header .ca-header-actions>details:not(.ca-project-menu)>summary>span,.ca-project-header .ca-header-actions>button>span{display:none}.ca-project-header .ca-header-actions>button{width:36px;height:36px;padding:8px}.ca-project-menu-content{position:fixed;top:48px;right:12px}}.ca-recent{border-top:1px solid var(--ca-line);margin-top:28px;padding-top:20px}.ca-recent-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.ca-recent h2{margin:0;font-size:15px;font-weight:500}.ca-recent-heading>a{min-height:36px;color:var(--ca-muted);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.ca-recent ul{margin:8px 0 0;padding:0;list-style:none}.ca-recent li{border-bottom:1px solid var(--ca-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.ca-recent li>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ca-recent li strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ca-recent li span,.ca-recent-empty{color:var(--ca-muted);font-size:12px}.ca-recent-play,.ca-recent-login,.ca-recent-retry{min-height:40px;color:var(--ca-primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.ca-recent-play:disabled{color:var(--ca-muted);cursor:default}.ca-recent-login{padding-left:0}.ca-recent-empty{margin:16px 0}:is(.ca-recent a:focus-visible,.ca-recent button:focus-visible){outline:2px solid var(--ca-primary);outline-offset:3px}.ca-separation-progress{max-width:640px;padding:26px 0 22px}.ca-progress-heading,.ca-progress-heading>div,.ca-progress-timing{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca-progress-heading>div{color:var(--ca-primary);justify-content:flex-start}.ca-progress-heading strong{font-size:15px;font-weight:500}.ca-progress-percent{color:var(--ca-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:500;line-height:24px}.ca-progress-track{-webkit-appearance:none;appearance:none;background:var(--ca-line);border:0;border-radius:3px;width:100%;height:6px;margin:20px 0 12px;display:block;overflow:hidden}.ca-progress-track::-webkit-progress-bar{background:var(--ca-line)}.ca-progress-track::-webkit-progress-value{background:var(--ca-primary)}.ca-progress-track::-moz-progress-bar{background:var(--ca-primary)}.ca-progress-track:indeterminate{animation:1.8s ease-in-out infinite alternate ca-progress-wait}.ca-progress-timing{color:var(--ca-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:13px;line-height:1.7}.ca-progress-timing>span:last-child{white-space:nowrap}.ca-progress-away{color:var(--ca-muted);margin:22px 0 0;font-size:12px;line-height:1.8}@keyframes ca-progress-wait{0%{opacity:.45}to{opacity:1}}@media (max-width:649px){.ca-separation-progress{padding:22px 0 18px}.ca-progress-track{margin-top:18px}.ca-progress-timing{font-size:12px}}@media (prefers-reduced-motion:reduce){.ca-progress-track:indeterminate{animation:none}}