.page[data-v-a58afff2]{width:100%;max-width:1120px;margin:0 auto}.hero[data-v-a58afff2]{padding:48px 0;text-align:center}.eyebrow[data-v-a58afff2]{font-size:12px;font-weight:500;color:var(--color-text-3);letter-spacing:.14em;text-transform:uppercase}.eyebrow[data-v-a58afff2],.hero h1[data-v-a58afff2]{margin-bottom:16px}.hero h1[data-v-a58afff2]{font-size:48px;line-height:1.1}.hero-desc[data-v-a58afff2]{max-width:620px;margin:0 auto;color:var(--color-text-3);font-size:17px;line-height:1.7}.qr-panel[data-v-a58afff2]{flex-direction:column;margin-top:36px}.qr-box[data-v-a58afff2],.qr-panel[data-v-a58afff2],.screen-box[data-v-a58afff2]{display:flex;align-items:center}.qr-box[data-v-a58afff2],.screen-box[data-v-a58afff2]{justify-content:center;overflow:hidden;background:var(--color-bg-2)}.qr-box[data-v-a58afff2]{width:200px;height:200px}.placeholder[data-v-a58afff2]{padding:8px 12px;border-radius:var(--radius-pill);background:var(--color-fill-2);font-size:12px;white-space:nowrap}.placeholder[data-v-a58afff2],.qr-tip[data-v-a58afff2]{color:var(--color-text-3)}.qr-tip[data-v-a58afff2]{margin-top:14px;font-size:16px}.screens[data-v-a58afff2]{display:flex;flex-wrap:wrap;gap:20px}.screen-card[data-v-a58afff2]{flex:0 0 calc(33.33333% - 13.33333px);padding:16px;background:var(--color-bg-2)}.screen-card[data-v-a58afff2]:last-child{flex:0 0 100%}.screen-box[data-v-a58afff2]{width:100%;border-radius:var(--radius-md)}.screen-card:last-child .screen-box[data-v-a58afff2]{height:100%}.qr-box img[data-v-a58afff2],.screen-box img[data-v-a58afff2]{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.screen-card:last-child .screen-box img[data-v-a58afff2]{height:100%;-o-object-fit:cover;object-fit:cover}.qr-box img[data-v-a58afff2]{height:100%;-o-object-fit:contain;object-fit:contain}.features[data-v-a58afff2]{display:flex;flex-wrap:wrap;gap:20px;margin:44px 0}.feature-card[data-v-a58afff2]{flex:1 1 280px;min-height:118px;padding:20px;background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg)}.feature-card h2[data-v-a58afff2]{margin-bottom:10px;font-size:18px}.feature-card p[data-v-a58afff2]{color:var(--color-text-3);font-size:14px;line-height:1.65}@media(max-width:768px){.page[data-v-a58afff2]{padding-top:0;padding-bottom:20px}.features[data-v-a58afff2],.hero[data-v-a58afff2]{padding:20px}.hero h1[data-v-a58afff2]{font-size:32px}.hero-desc[data-v-a58afff2]{font-size:15px}.qr-panel[data-v-a58afff2]{margin-top:28px}.features[data-v-a58afff2],.screens[data-v-a58afff2]{gap:14px}.screen-card[data-v-a58afff2]{flex:0 0 100%}.screens[data-v-a58afff2]{max-width:340px;margin:0 auto}.feature-card[data-v-a58afff2]{flex:0 0 100%}.features[data-v-a58afff2]{margin-top:28px}}.wp[data-v-ce8f5b9e]{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}.result-scroll[data-v-ce8f5b9e]{height:644px;overflow:auto}.piano-scroll[data-v-ce8f5b9e],.staff-wrap[data-v-ce8f5b9e]{overflow-x:auto;overflow-y:hidden}.seo-chords[data-v-ce8f5b9e]{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero[data-v-ce8f5b9e],.seo-chords[data-v-ce8f5b9e]{padding:0;overflow:hidden}.hero[data-v-ce8f5b9e]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;text-align:center}.hero-notes[data-v-ce8f5b9e]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-note[data-v-ce8f5b9e]{position:absolute;z-index:0;color:var(--color-text-1);opacity:.18;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation-name:hero-note-float-ce8f5b9e;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero-staff[data-v-ce8f5b9e]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:22px;opacity:.12;pointer-events:none}.hero-content[data-v-ce8f5b9e]{position:relative;z-index:1}.hero-content h1[data-v-ce8f5b9e]{margin:0 0 16px;font-size:50px;line-height:1.1}.hero-content p[data-v-ce8f5b9e]{max-width:720px;margin:0;font-size:18px;line-height:1.7}.search[data-v-ce8f5b9e]{position:relative;z-index:1;width:680px;max-width:calc(100% - 32px);margin-top:28px}.search input[data-v-ce8f5b9e]{width:100%;height:60px;padding:0 68px 0 56px;border:1px solid var(--color-border-2);border-radius:16px;font-size:18px;outline:none;background:var(--color-bg-2);color:var(--color-text-1)}.search input[data-v-ce8f5b9e]::-moz-placeholder{color:var(--color-text-4)}.search input[data-v-ce8f5b9e]::placeholder{color:var(--color-text-4)}.search input[data-v-ce8f5b9e]:focus{border-color:rgb(var(--primary-6))}.search-icon[data-v-ce8f5b9e],.search-shortcut[data-v-ce8f5b9e]{position:absolute;top:50%;transform:translateY(-50%)}.search-icon[data-v-ce8f5b9e]{left:18px;font-size:28px}.search-shortcut[data-v-ce8f5b9e]{right:18px;padding:6px 8px;border-radius:8px;background:var(--color-fill-2);color:var(--color-text-2);font-size:12.96px;line-height:1}.hero-tabs[data-v-ce8f5b9e]{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:0 12px;box-sizing:border-box;margin-top:18px}.hero-tabs__item[data-v-ce8f5b9e]{cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.hero-tabs__item[data-v-ce8f5b9e]:hover{transform:translateY(-1px)}.hero-tabs__item.is-active[data-v-ce8f5b9e]{color:rgb(var(--primary-6))}@keyframes hero-note-float-ce8f5b9e{0%,to{translate:0 0;opacity:.1}25%{translate:8px -10px;opacity:.18}50%{translate:-6px -20px;opacity:.24}75%{translate:10px -8px;opacity:.16}}.preset[data-v-ce8f5b9e]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.preset-item[data-v-ce8f5b9e]{width:100%;text-align:left;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-2);border:1px solid var(--color-border-2);cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:inherit;outline:none}.preset-item[data-v-ce8f5b9e]:hover{border-color:var(--color-border-3)}.preset-item.active[data-v-ce8f5b9e]{border:2px solid rgb(var(--primary-6));box-shadow:0 2px 8px #00000014;padding:calc(var(--space-md) - 1px)}.preset-content[data-v-ce8f5b9e]{position:relative;z-index:10}.preset-header[data-v-ce8f5b9e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.preset-name[data-v-ce8f5b9e]{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-text-1);margin:0;line-height:1.2}.preset-tags[data-v-ce8f5b9e]{display:flex;gap:4px;flex-wrap:wrap}.preset-tag[data-v-ce8f5b9e]{padding:2px 8px;font-size:11px;font-weight:500;background:var(--color-fill-2);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);color:var(--color-text-3);line-height:1.4}.preset-detail[data-v-ce8f5b9e]{font-family:var(--font-mono);font-size:12px;color:var(--color-text-3);letter-spacing:.05em;margin:0}.header-card[data-v-ce8f5b9e]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 2px 8px #00000014}.header-left[data-v-ce8f5b9e]{display:flex;flex-direction:column;align-items:flex-start}.header-title-row[data-v-ce8f5b9e]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.chord-name[data-v-ce8f5b9e]{font-family:var(--font-display);font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-1px;margin:0}.chord-name[data-v-ce8f5b9e],.play-btn[data-v-ce8f5b9e]{color:var(--color-text-1)}.play-btn[data-v-ce8f5b9e]{width:36px;height:36px;border-radius:50%;background:var(--color-fill-2);border:1px solid var(--color-fill-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;padding:0;outline:none}.play-btn[data-v-ce8f5b9e]:hover{background:rgb(var(--primary-6));color:var(--color-bg-white);border-color:rgb(var(--primary-6))}.play-icon[data-v-ce8f5b9e]{margin-left:1px}.chord-notes[data-v-ce8f5b9e]{font-family:var(--font-mono);font-size:18px;color:var(--color-text-3);letter-spacing:.05em;margin:0}.pills-group[data-v-ce8f5b9e]{display:flex;gap:var(--space-xs);background:var(--color-fill-2);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border-2)}.pill[data-v-ce8f5b9e]{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;min-width:60px;transition:background .15s}.pill.active[data-v-ce8f5b9e],.pill[data-v-ce8f5b9e]:hover{background:var(--color-bg-2)}.pill.active[data-v-ce8f5b9e]{box-shadow:0 2px 8px #00000014}.pill-label[data-v-ce8f5b9e]{font-size:10px;color:var(--color-text-3);margin-bottom:2px;line-height:1}.pill-value[data-v-ce8f5b9e]{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--color-text-1);line-height:1.2}.pill:not(.active) .pill-value[data-v-ce8f5b9e]{color:var(--color-text-3)}.acoustic-list[data-v-ce8f5b9e]{display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.acoustic-item[data-v-ce8f5b9e]{display:flex;flex-direction:column;gap:var(--space-xs)}.acoustic-label-row[data-v-ce8f5b9e]{display:flex;justify-content:space-between;font-size:14px}.acoustic-label[data-v-ce8f5b9e]{color:var(--color-text-3)}.acoustic-value[data-v-ce8f5b9e]{font-family:var(--font-display);color:var(--color-text-1);font-weight:600}.progress-track[data-v-ce8f5b9e]{width:100%;height:10px;background:var(--color-fill-2);border:1px solid var(--color-border-2);overflow:hidden}.progress-fill[data-v-ce8f5b9e],.progress-track[data-v-ce8f5b9e]{border-radius:var(--radius-pill)}.progress-fill[data-v-ce8f5b9e]{height:100%;background:rgb(var(--primary-6))}.acoustic-footer[data-v-ce8f5b9e]{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-xl)}.acoustic-tag[data-v-ce8f5b9e]{padding:4px 10px;font-size:11px;font-weight:500;background:var(--color-fill-2);border:1px solid var(--color-border-2);border-radius:var(--radius-pill);color:var(--color-text-1);line-height:1.4}.acoustic-tag.highlighted[data-v-ce8f5b9e]{background:var(--color-fill-2);color:rgb(var(--primary-6));border-color:rgb(var(--primary-6))}.chord-row[data-v-ce8f5b9e]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.d-name[data-v-ce8f5b9e]:hover{background:rgb(var(--primary-6));color:var(--color-bg-1);border-color:rgb(var(--primary-6))}.d-name[data-v-ce8f5b9e]{height:24px;line-height:24px;padding:3px 6px;border-radius:4px;opacity:1;background:var(--color-bg-1);border:1px solid var(--color-border-2);min-width:32px;text-align:center;cursor:pointer}.arco-scrollbar[data-v-ce8f5b9e] .arco-scrollbar-track-direction-vertical{right:-20px}.hero-tabs .button-active[data-v-ce8f5b9e]{color:var(--color-bg-1);background-color:rgb(var(--primary-6))}@media(max-width:768px){.hero[data-v-ce8f5b9e]{min-height:360px}.hero-content h1[data-v-ce8f5b9e]{font-size:32px;margin-bottom:12px}.hero-content p[data-v-ce8f5b9e]{max-width:100%;padding:0 20px;box-sizing:border-box;font-size:15px}.search[data-v-ce8f5b9e]{width:calc(100% - 32px);margin-top:20px}.search input[data-v-ce8f5b9e]{height:48px;padding:0 44px;border-radius:12px;font-size:16px}.search-icon[data-v-ce8f5b9e]{left:14px;font-size:22px}.search-shortcut[data-v-ce8f5b9e]{display:none}.hero-tabs[data-v-ce8f5b9e]{gap:8px;margin-top:14px}.col-detail[data-v-ce8f5b9e]{order:-1}.col-results[data-v-ce8f5b9e]{margin-top:24px}.result-scroll[data-v-ce8f5b9e]{height:320px}.card-light[data-v-ce8f5b9e],.header-card[data-v-ce8f5b9e]{padding:var(--space-md)}.header-card[data-v-ce8f5b9e]{gap:var(--space-md)}.chord-name[data-v-ce8f5b9e]{font-size:26px;letter-spacing:-.5px}.chord-notes[data-v-ce8f5b9e]{font-size:14px}.pills-group[data-v-ce8f5b9e]{flex-wrap:wrap}.preset-name[data-v-ce8f5b9e]{font-size:16px}}.chord-dropdown-leave{animation:chord-dropdown-fade-out .2s ease forwards}@keyframes chord-dropdown-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.page-footer[data-v-d1012a24]{padding:24px 16px 32px;text-align:center;font-size:12px;color:#9ca3af}