.fretboard-wrapper[data-astro-cid-qcaawuwk]{width:100%;overflow-x:auto;background:#fff;padding:30px 10px 10px;position:relative;user-select:none}.strings-container[data-astro-cid-qcaawuwk]{display:flex;flex-direction:column;min-width:800px;position:relative;border-right:4px solid #333}.string-row{display:flex;height:45px;position:relative}.string-row:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#888;z-index:0;transform:translateY(-50%)}.string-row.str-4:before{height:4px;background:#666}.string-row.str-3:before{height:3px;background:#666}.fret-cell{flex:1;border-left:2px solid #ccc;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.fret-cell[data-fret="0"]{flex:.6;background:#f9f9f9;border-left:none;border-right:5px solid #333}.note-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;font-family:-apple-system,monospace;color:#333;box-shadow:0 2px 5px #0000001a;transition:all .2s ease;z-index:2}#fretboard-root[data-mode=address] .note-circle[data-octave="1"]{background-color:#dcdcdc;border-color:#666}#fretboard-root[data-mode=address] .note-circle[data-octave="2"]{background-color:#fff;border-color:#333}#fretboard-root[data-mode=address] .note-circle[data-octave="3"]{background-color:#fff;border-color:#aaa;color:#888}#fretboard-root[data-mode=shape] .note-circle[data-octave="1"]{background-color:#036;border-color:#024}#fretboard-root[data-mode=shape] .note-circle[data-octave="2"]{background-color:#3ea8ff;border-color:#0056b3}#fretboard-root[data-mode=shape] .note-circle[data-octave="3"]{background-color:#8ccfff;border-color:#3ea8ff}.note-circle.root{transform:scale(1.1);z-index:3}#fretboard-root:not([data-mode=shape]) .note-circle.root{background:#333!important;color:#fff!important;border-color:#333!important;opacity:1!important}#fretboard-root[data-mode=shape] .root[data-octave="1"]{background:#900!important;border-color:#600!important}#fretboard-root[data-mode=shape] .root[data-octave="2"]{background:#ff4500!important;border-color:#cc3700!important}#fretboard-root[data-mode=shape] .root[data-octave="3"]{background:#f86!important;border-color:#ff4500!important}.note-circle.chromatic{opacity:0;transform:scale(.5)}#fretboard-root:not([data-mode=role]) .note-circle.chromatic{opacity:.25;background:#e0e0e0;border-color:#ccc;box-shadow:none}.label-note,.label-solfege,.label-degree{display:none}#fretboard-root[data-mode=address] .label-note{display:block}#fretboard-root[data-mode=role] .label-solfege{display:block;font-size:.75rem}#fretboard-root[data-mode=shape] .label-degree{display:block}#fretboard-root[data-mode=shape] .note-circle{color:#fff}.fret-numbers[data-astro-cid-qcaawuwk]{display:flex;min-width:800px;margin-top:8px}.fret-numbers[data-astro-cid-qcaawuwk] span[data-astro-cid-qcaawuwk]{flex:1;text-align:center;font-size:.75rem;color:#999;font-family:monospace}.fret-numbers[data-astro-cid-qcaawuwk] span[data-astro-cid-qcaawuwk]:first-child{flex:.6}.fret-markers[data-astro-cid-qcaawuwk]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.dot-marker[data-astro-cid-qcaawuwk]{position:absolute;top:50%;width:14px;height:14px;background:#f0f0f0;border-radius:50%;transform:translate(-50%,-50%)}.p3[data-astro-cid-qcaawuwk]{left:27%}.p5[data-astro-cid-qcaawuwk]{left:41.5%}.p7[data-astro-cid-qcaawuwk]{left:56%}.p9[data-astro-cid-qcaawuwk]{left:70.5%}.p12-1[data-astro-cid-qcaawuwk]{left:92%;top:28%}.p12-2[data-astro-cid-qcaawuwk]{left:92%;top:72%}.site-container[data-astro-cid-j7pv25f6]{max-width:900px;margin:0 auto;padding:60px 24px;color:#333}.section[data-astro-cid-j7pv25f6]{margin-bottom:100px}.section-label[data-astro-cid-j7pv25f6]{font-size:.75rem;color:#aaa;letter-spacing:.15em;font-weight:700;text-transform:uppercase;margin-bottom:16px;display:block}.section-header[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;border-bottom:1px solid #e1e4e8;padding-bottom:8px}.view-all[data-astro-cid-j7pv25f6]{font-size:.8rem;color:#888;text-decoration:none;font-family:monospace}.main-header[data-astro-cid-j7pv25f6]{margin-bottom:60px;text-align:left}.site-logo[data-astro-cid-j7pv25f6]{font-size:2.8rem;font-weight:800;margin:0 0 16px;letter-spacing:-.04em;line-height:1;text-transform:uppercase;display:inline-block;border-bottom:4px solid #333}.site-description[data-astro-cid-j7pv25f6]{font-size:.95rem;line-height:1.8;color:#666;max-width:780px}.desktop-br[data-astro-cid-j7pv25f6]{display:none}@media(min-width:768px){.desktop-br[data-astro-cid-j7pv25f6]{display:inline}}.tool-header-area[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:0}.tool-controls[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.tool-title[data-astro-cid-j7pv25f6]{margin-bottom:0}.control-group[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-end;gap:12px}.key-control-unit[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:4px}.control-label-text[data-astro-cid-j7pv25f6]{font-size:.7rem;font-weight:700;color:#999;letter-spacing:.05em}.key-select-wrapper[data-astro-cid-j7pv25f6]{position:relative;width:100px;height:40px}.key-select-wrapper[data-astro-cid-j7pv25f6] select[data-astro-cid-j7pv25f6]{width:100%;height:100%;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:0 12px;font-size:1rem;font-weight:700;color:#333;cursor:pointer;transition:border-color .2s}.key-select-wrapper[data-astro-cid-j7pv25f6] select[data-astro-cid-j7pv25f6]:hover{border-color:#999}.key-select-wrapper[data-astro-cid-j7pv25f6] select[data-astro-cid-j7pv25f6]:focus{border-color:#333;outline:none}.select-icon[data-astro-cid-j7pv25f6]{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}.enharmonic-btn[data-astro-cid-j7pv25f6]{height:40px;padding:0 12px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#333;font-size:.9rem;transition:all .2s}.enharmonic-btn[data-astro-cid-j7pv25f6]:hover:not(:disabled){background:#eee;border-color:#999}.enharmonic-btn[data-astro-cid-j7pv25f6]:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;border-color:#eee}.enharmonic-btn[data-astro-cid-j7pv25f6] .icon-swap[data-astro-cid-j7pv25f6]{font-size:1.2rem;line-height:1;color:#666}.enharmonic-btn[data-astro-cid-j7pv25f6] .btn-text[data-astro-cid-j7pv25f6]{font-weight:700}.tool-tabs[data-astro-cid-j7pv25f6]{display:flex;gap:4px;width:100%;border-bottom:1px solid #333}@media(min-width:768px){.tool-header-area[data-astro-cid-j7pv25f6]{flex-direction:row;align-items:flex-end}.tool-tabs[data-astro-cid-j7pv25f6]{width:auto;margin-left:auto}}.tab-button[data-astro-cid-j7pv25f6]{flex:1;background:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;padding:10px 16px;cursor:pointer;text-align:left;transition:all .2s;position:relative;top:1px;min-width:80px}@media(min-width:768px){.tab-button[data-astro-cid-j7pv25f6]{flex:none;width:120px}}.tab-button[data-astro-cid-j7pv25f6]:hover{background:#eee}.tab-button[data-astro-cid-j7pv25f6].active{background:#fff;border-color:#333;border-bottom:1px solid #fff;color:#333;z-index:2}.tab-label[data-astro-cid-j7pv25f6]{display:block;font-weight:700;font-size:.9rem;letter-spacing:.05em}.tab-desc[data-astro-cid-j7pv25f6]{display:block;font-size:.65rem;color:#888;margin-top:2px}.tab-button[data-astro-cid-j7pv25f6].active .tab-desc[data-astro-cid-j7pv25f6]{color:#555}.tool-body[data-astro-cid-j7pv25f6]{border:1px solid #333;border-top:none;background:#fff;border-radius:0 0 4px 4px}.logic-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;gap:16px}.logic-card[data-astro-cid-j7pv25f6]{display:flex;align-items:center;text-decoration:none;background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:20px 24px;transition:all .2s;position:relative;overflow:hidden}.logic-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--accent, #3ea8ff);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.logic-card[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#eee;transition:background .2s}.logic-card[data-astro-cid-j7pv25f6]:hover:before{background:var(--accent, #3ea8ff)}.logic-icon-area[data-astro-cid-j7pv25f6]{font-size:2rem;margin-right:20px;flex-shrink:0}.logic-info[data-astro-cid-j7pv25f6]{flex:1;min-width:0}.logic-sub[data-astro-cid-j7pv25f6]{display:block;font-size:.8rem;color:#888;margin-bottom:4px;font-weight:700;letter-spacing:.05em}.logic-title[data-astro-cid-j7pv25f6]{font-size:1.1rem;font-weight:700;color:#333;margin:0;line-height:1.4}.logic-arrow[data-astro-cid-j7pv25f6]{font-size:1.2rem;color:#ddd;margin-left:16px;transition:color .2s}.logic-card[data-astro-cid-j7pv25f6]:hover .logic-arrow[data-astro-cid-j7pv25f6]{color:var(--accent, #3ea8ff)}.video-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.video-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 1fr}}.video-container[data-astro-cid-j7pv25f6]{position:relative;padding-bottom:56.25%;height:0;background:#000;overflow:hidden}.video-container[data-astro-cid-j7pv25f6] iframe[data-astro-cid-j7pv25f6]{position:absolute;top:0;left:0;width:100%;height:100%}.group-carousel-container[data-astro-cid-j7pv25f6]{position:relative;width:100%;padding-bottom:45%;overflow:hidden}.slide-group[data-astro-cid-j7pv25f6]{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;opacity:0;transition:opacity .8s;pointer-events:none}@media(min-width:600px){.slide-group[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(3,1fr);gap:20px}}.slide-group[data-astro-cid-j7pv25f6].active{opacity:1;pointer-events:auto}.slide-item[data-astro-cid-j7pv25f6]{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s}.slide-item[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px)}.artwork[data-astro-cid-j7pv25f6]{width:100%;aspect-ratio:1;background:#fff;border:1px solid #e1e4e8;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.artwork[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{width:100%;height:100%;object-fit:contain;padding:4px}.item-title[data-astro-cid-j7pv25f6]{font-size:.8rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-dots[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot[data-astro-cid-j7pv25f6]{width:6px;height:6px;background:#ddd;border-radius:50%;cursor:pointer;border:none;padding:0}.dot[data-astro-cid-j7pv25f6].active{background:#333;transform:scale(1.3)}.article-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:24px}.article-item[data-astro-cid-j7pv25f6]{text-decoration:none}.article-meta[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.article-item[data-astro-cid-j7pv25f6] time[data-astro-cid-j7pv25f6]{font-size:.75rem;font-family:monospace;color:#999}.cat-tag[data-astro-cid-j7pv25f6]{font-size:.65rem;background:#eee;color:#666;padding:1px 6px;border-radius:2px;text-transform:uppercase}.article-body[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.1rem;font-weight:700;color:#333;margin:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:all .2s}.article-item[data-astro-cid-j7pv25f6]:hover h3[data-astro-cid-j7pv25f6]{color:var(--accent);text-decoration-color:var(--accent)}@media(max-width:600px){.site-container[data-astro-cid-j7pv25f6]{padding:40px 20px}.group-carousel-container[data-astro-cid-j7pv25f6]{padding-bottom:65%}.slide-group[data-astro-cid-j7pv25f6] .slide-item[data-astro-cid-j7pv25f6]:nth-child(3){display:none}}