:root{--bg:#f6f7f9;--surface:#fff;--paper:#fff;--fg:#111827;--muted:#6b7280;--line:#e4e7ec;--ink:#111827;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-ink:#3730a3;--on-accent:#fff;--ok:#059669;--warn:#b45309;--warn-soft:#fef3c7;--danger:#dc2626;--radius:10px;--shadow:0 8px 24px #1118271f;--f-ui:"Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--f-num:ui-monospace, "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#181b21;--fg:#e5e7eb;--muted:#9ca3af;--line:#2b303a;--ink:#e5e7eb;--accent:#818cf8;--accent-soft:#23264a;--accent-ink:#c7d2fe;--on-accent:#0f1126;--ok:#34d399;--warn:#fbbf24;--warn-soft:#3a2f16;--danger:#f87171;--shadow:0 8px 24px #00000080;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.6 var(--f-ui);word-break:keep-all;overflow-wrap:break-word}@media (width<=560px){.doc ul,.doc ol{padding-left:1.25em}}a{color:var(--accent)}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gutter{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}header.site{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:10px;display:grid}header.site .brand{color:var(--fg);justify-self:start;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}header.site nav{gap:18px;font-size:15px;font-weight:600;display:flex}header.site nav a{color:var(--fg);text-decoration:none}header.site nav a:hover{color:var(--accent)}header.site{z-index:30;position:sticky;top:0}html{scroll-padding-top:calc(var(--header-h,57px) + 8px)}.mega-nav{align-items:center}.mega{position:relative}.mega-btn{color:var(--fg);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:15px;font-weight:600}.mega-btn:hover,.mega.open .mega-btn{color:var(--accent)}.mega-panel{background:var(--surface);border:1px solid var(--line);min-width:300px;box-shadow:var(--shadow);z-index:40;border-radius:12px;padding:12px;display:none;position:absolute;top:100%;left:-12px}.mega-panel.wide{width:min(760px,100vw - 32px);left:50%;transform:translate(-50%)}.mega:hover .mega-panel,.mega:focus-within .mega-panel,.mega.open .mega-panel{display:block}.mega-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega-list a{color:var(--fg);border-radius:8px;flex-direction:column;padding:8px 10px;text-decoration:none;display:flex}.mega-list a span{color:var(--muted);font-size:13px}.mega-list a:hover{background:var(--accent-soft)}.mega-cols{grid-template-columns:repeat(5,1fr);gap:4px 16px;display:grid}.mega-cols ul,.mobile-menu ul{margin:0 0 8px;padding:0;list-style:none}.mega-cols a{color:var(--fg);border-radius:6px;padding:5px 8px;font-size:14px;text-decoration:none;display:block}.mega-cols a:hover{background:var(--accent-soft);color:var(--accent-ink)}.mega-head{color:var(--accent);letter-spacing:.02em;margin:4px 8px;font-size:12px;font-weight:700}.mega-all{margin:6px 8px 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.menu-btn{border:1px solid var(--accent);color:var(--accent-ink);cursor:pointer;background:0 0;border-radius:8px;grid-column:3;justify-self:end;padding:6px 12px;font-weight:600;display:none}.mobile-menu{z-index:50;background:var(--surface);padding:calc(12px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));position:fixed;inset:0;overflow-y:auto}.mobile-menu[hidden]{display:none}.mobile-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.menu-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.mobile-menu a{border-bottom:1px solid var(--line);color:var(--fg);padding:10px 8px;text-decoration:none;display:block}body.menu-open{overflow:hidden}.help{grid-column:3;justify-self:end;position:relative}.help-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:999px;padding:0;font-weight:700}.help-btn:hover,.help.open .help-btn{color:var(--accent);border-color:var(--accent)}.help-panel{min-width:240px;left:auto;right:0}.help:hover .help-panel,.help:focus-within .help-panel,.help.open .help-panel{display:block}@media (width<=760px){.mega-nav{display:none!important}.help{display:none}.menu-btn{display:inline-block}}@media (width>=761px) and (width<=960px){header.site nav{gap:12px;font-size:14px}header.site .brand{font-size:14px}}main{max-width:760px;margin:0 auto;padding-block:24px 48px}main.wide{max-width:980px}html.pr-wide main.wide{max-width:1760px}main h1{text-wrap:balance;margin:0 0 8px;font-size:26px;line-height:1.3}main h2{margin:28px 0 8px;font-size:19px}.site-foot{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding-block:20px 32px;font-size:13px}.site-foot nav{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:6px;display:flex}.site-foot a{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;min-height:40px;padding:7px 14px;font-weight:500}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--accent)}}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.big{min-height:48px;padding:10px 22px;font-size:16px}.doc p,.doc li{color:var(--fg)}.doc .note{background:var(--warn-soft);border-radius:8px;padding:10px 14px}.table-wrap{-webkit-overflow-scrolling:touch;margin:12px 0;overflow-x:auto}.doc table{border-collapse:collapse;white-space:nowrap;font-size:14px}.doc th,.doc td{border:1px solid var(--line);text-align:center;padding:6px 10px}.doc thead th{background:var(--accent-soft)}.doc tbody th{background:var(--surface)}.doc pre{background:var(--surface);border:1px solid var(--line);font:14px/1.4 var(--f-num);border-radius:8px;padding:10px 14px;overflow-x:auto}.doc .more{border-top:1px solid var(--line);margin-top:32px;padding-top:12px;font-size:14px}.mm-sec{border-bottom:1px solid var(--line)}.mm-sec>summary{cursor:pointer;justify-content:space-between;align-items:center;margin:0;padding:12px 8px;font-size:15px;list-style:none;display:flex}.mm-sec>summary::-webkit-details-marker{display:none}.mm-sec>summary:after{content:"▾";color:var(--muted)}.mm-sec[open]>summary:after{content:"▴"}.mm-sec>summary small{color:var(--muted);margin-left:auto;margin-right:8px;font-weight:400}.lang-switch{color:var(--muted);grid-area:1/3;justify-self:end;margin-right:42px;font-size:14px;font-weight:600;text-decoration:none}.lang-switch:hover{color:var(--accent)}header.site .help{grid-row:1}@media (width<=760px){.lang-switch{display:none}}.lang-bar{background:var(--accent-soft);color:var(--accent-ink);flex-wrap:wrap;align-items:center;gap:12px;padding-block:8px;font-size:14px;display:flex}.lang-bar[hidden]{display:none}.lang-bar a{color:var(--accent-ink);font-weight:700}.lang-bar button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:16px}.doc .lead{font-size:17px;line-height:1.6}.doc ul.pics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:0;list-style:none;display:grid}.doc ul.pics li{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:0;padding:10px 12px}.doc ul.pics li b{color:var(--accent-ink);margin-bottom:2px;display:block}.fig{margin:16px 0}.fig svg{width:100%;max-width:640px;height:auto;display:block}.fig figcaption{color:var(--muted);margin-top:6px;font-size:13px}.fig text{font-family:var(--f-ui)}.keys svg{max-width:460px}.keys .wk{fill:#fff;stroke:#9ca3af}.keys .bk{fill:#1f2937}.keys .on.a{fill:var(--accent)}.keys .on.b{fill:#f59e0b}.keys .on.c{fill:#10b981}.keys .kl{text-anchor:middle;fill:#6b7280;font-size:11px;font-weight:700}.keys .kl.on{fill:#fff}.keys .kl.bl{font-size:9px}.keys .arc{fill:none;stroke:#9ca3af;stroke-width:1.4px}.keys .arc.half{stroke:#f59e0b;stroke-width:2px}.keys .al{text-anchor:middle;fill:var(--fg);font-size:11px;font-weight:700}.neck .wood,.tabfig .wood{fill:#e8cfa6}.neck .nut{fill:#f8f4ec;stroke:#b8a78a}.neck .fret{stroke:#a8a29e;stroke-width:2px}.neck .inlay{fill:#fff;opacity:.8}.neck .str{stroke:#57534e}.neck .sn,.neck .fn{fill:var(--muted);text-anchor:middle;font-size:11px;font-weight:600}.neck .sn{text-anchor:start}.neck .capo{fill:#e5484d}.neck .link{stroke:var(--accent);stroke-width:3px;opacity:.35;stroke-linecap:round}.neck .dot{fill:var(--accent)}.neck .dot.b{fill:#f59e0b}.neck .dot.c{fill:#10b981}.neck .dot.ghost{fill:#fff;stroke:var(--accent);stroke-width:2px}.neck .dot.open{fill:#fff;stroke:var(--accent);stroke-width:2.5px}.neck .dl{fill:#fff;text-anchor:middle;font-size:10px;font-weight:700}.neck .dl.open,.neck .dot.ghost+.dl{fill:var(--accent-ink)}.beats .cnt{text-anchor:middle;fill:var(--muted);font-size:11px}.beats .cnt.main{fill:var(--fg);font-weight:800}.beats .beat{fill:var(--surface);stroke:var(--line)}.beats .beat.odd{fill:var(--bg)}.beats .rn{text-anchor:end;fill:var(--fg);font-size:12px;font-weight:700}.beats .hit{fill:var(--accent)}.beats .hit.acc{fill:#e5484d}.beats .hit.open{fill:#fff;stroke:var(--accent);stroke-width:2.5px}.beats .hit.ghost{fill:#a5b4fc}.beats .hold{fill:var(--accent);opacity:.35}.beats .rest{fill:#cbd5e1}.beats .accm{text-anchor:middle;fill:#e5484d;font-size:11px;font-weight:800}.tabfig svg{max-width:520px}.tabfig .tl{stroke:#9ca3af}.tabfig .tb{stroke:#374151;stroke-width:1.4px}.tabfig .tn{fill:var(--muted);text-anchor:middle;font-size:10px;font-weight:700}.tabfig .tbg{fill:var(--surface)}.tabfig .tf{font:700 12px var(--f-num);text-anchor:middle;fill:var(--fg)}.tabfig .tf.a{fill:var(--accent)}.tabfig .tf.b{fill:#d97706}.tabfig .tm{font:italic 700 11px var(--f-ui);text-anchor:middle;fill:#e5484d}.circle svg{max-width:340px}.circle .wd{fill:var(--surface);stroke:var(--line)}.circle .wd.in{fill:var(--bg)}.circle .wd.on{fill:var(--accent)}.circle .wd.near{fill:var(--accent-soft)}.circle .ck{text-anchor:middle;fill:var(--fg);font-size:15px;font-weight:800}.circle .ck.on,.circle .cm.on{fill:#fff}.circle .cs{text-anchor:middle;fill:var(--muted);font-size:8px}.circle .cm{text-anchor:middle;fill:var(--muted);font-size:10px;font-weight:600}.circle .cc{text-anchor:middle;fill:var(--accent-ink);font-size:12px;font-weight:800}.steps ol{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;margin:0;padding:12px;display:grid;position:relative}.steps .big{font:800 26px/1.1 var(--f-ui);color:var(--accent)}.steps strong{font-size:15px}.steps .tx{color:var(--muted);font-size:13px;line-height:1.5}.steps.flow li:not(:last-child):after{content:"→";color:var(--accent);background:var(--bg);text-align:center;z-index:1;border-radius:50%;width:14px;font-size:13px;font-weight:800;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.steps .st-title{color:var(--fg);margin:0 0 6px;font-size:14px;font-weight:700}.figrow{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.figrow>.fig{flex:220px;min-width:0;margin:8px 0}