body[data-guide-page] { margin:0; background:#080d12; color:#dae5ec; font-family:"Yu Gothic UI","Meiryo",sans-serif; }
html.lm-guide-open { overflow:hidden; }
.lm-guide .lg-guide-sections { display:flex; flex:none; justify-content:center; flex-wrap:wrap; gap:8px; padding:10px 16px 0; }
.lm-guide .lg-guide-sections button { min-height:36px; padding:6px 16px; font-size:13px; }
.lm-guide .lg-guide-sections [aria-pressed="true"] { color:#c7f3f5; background:#19323c; border-color:#79b5bd; }
.lm-guide .lg-record-manual { width:100%; min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px clamp(18px,4vw,52px); border:1px solid #2d5d6b; border-radius:6px; background:#07121bf5; }
.lm-guide .lg-record-intro { margin-top:12px; color:#b9ccd6; font-size:14px; }
.lm-guide .lg-record-flow { display:flex; gap:10px; list-style:none; margin:22px 0; padding:0; counter-reset:record-step; }
.lm-guide .lg-record-flow li { flex:1; display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid #345563; border-radius:7px; background:#10232d; font-size:14px; }
.lm-guide .lg-record-flow li::before { counter-increment:record-step; content:counter(record-step); color:#93d2d9; font-variant-numeric:tabular-nums; }
.lm-guide .lg-record-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; }
.lm-guide .lg-record-topics details { border:1px solid #314954; border-radius:8px; background:#0b1923; }
.lm-guide .lg-record-topics details[open] { grid-column:1 / -1; }
.lm-guide .lg-record-topics summary { font-weight:600; }
.lm-guide .lg-record-topics summary span { color:#89bbc5; margin-right:12px; font-size:12px; font-variant-numeric:tabular-nums; }
.lm-guide .lg-record-topics p { line-height:1.9; }
.lm-guide .lg-record-return { margin-top:24px; }
@media (max-width:600px) {
  .lm-guide .lg-record-topics { grid-template-columns:1fr; }
  .lm-guide .lg-record-flow { gap:5px; }
  .lm-guide .lg-record-flow li { padding:8px 6px; gap:5px; font-size:12px; }
  .lm-guide .lg-guide-sections button { padding:6px 10px; }
}
dialog.lm-guide { --lg-accent:#8ac9d0; --lg-muted:#98acbc; --lg-border:#2b434f; box-sizing:border-box; position:fixed; inset:0; margin:auto; padding:0; width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; border:0; border-radius:0; color:#dae5ec; background:radial-gradient(ellipse at 25% 20%,#102029 0,transparent 55%),#080d12; font:15px/1.7 "Yu Gothic UI","Meiryo",sans-serif; z-index:10000; text-align:left; color-scheme:dark; }
.lm-guide::backdrop { background:#080d12; }
.lm-guide *, .lm-guide *::before, .lm-guide *::after { box-sizing:border-box; }
.lm-guide [hidden] { display:none!important; }
.lm-guide button, .lm-guide a { font:inherit; letter-spacing:normal; text-transform:none; }
.lm-guide button { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:40px; margin:0; padding:8px 15px; border:1px solid var(--lg-border); border-radius:6px; color:#dae5ec; background:#0e1921; box-shadow:none; cursor:pointer; transform:none; }
.lm-guide button:hover { background:#15272f; border-color:#68959f; transform:none; box-shadow:none; }
.lm-guide button:disabled { opacity:.4; cursor:default; }
.lm-guide button:focus-visible, .lm-guide a:focus-visible, .lm-guide summary:focus-visible, .lm-guide input:focus-visible { outline:2px solid #a8d5d9; outline-offset:4px; }
.lm-guide h1:focus, .lm-guide h2:focus { outline:none; }
.lm-guide h1, .lm-guide h2, .lm-guide h3, .lm-guide p { margin:0; color:inherit; letter-spacing:normal; text-shadow:none; }
.lm-guide a { color:#a4d2d7; text-underline-offset:4px; }
.lm-guide .lg-frame { height:100%; display:flex; flex-direction:column; }
.lm-guide .lg-header { flex:none; display:flex; align-items:center; gap:30px; height:82px; padding:8px clamp(20px,4vw,64px); border-bottom:1px solid #243742; background:#080e14; }
.lm-guide .lg-header img { width:190px; height:58px; object-fit:contain; }
.lm-guide .lg-header nav { display:flex; align-items:center; gap:18px; }
.lm-guide .lg-header nav button { background:none; border-color:transparent; }
.lm-guide .lg-header nav span { padding:8px 16px; color:#aad6da; border-bottom:1px solid #81b8c0; }
.lm-guide .lg-header .lg-close { margin-left:auto; font-size:25px; padding:0; width:40px; }
.lm-guide .lg-layout { display:grid; grid-template-columns:minmax(0,1fr); flex:1; min-height:0; width:100%; max-width:1600px; margin:0 auto; }
.lm-guide.has-equipment .lg-layout { grid-template-columns:minmax(0,1fr) minmax(320px,390px); }
.lm-guide .lg-main { display:flex; flex-direction:column; min-width:0; min-height:0; padding:30px clamp(22px,4vw,64px) 22px; }
.lm-guide .lg-stages { flex:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 24px; }
.lm-guide .lg-stages button { flex-direction:row; gap:9px; font-size:13px; padding:9px 5px; background:transparent; border:0; border-bottom:1px solid #2a3a45; border-radius:0; color:var(--lg-muted); }
.lm-guide .lg-stages button span { display:grid; place-items:center; flex-shrink:0; width:24px; height:24px; border:1px solid #3b515e; border-radius:50%; font-size:12px; }
.lm-guide .lg-stages [aria-current] { color:#b6dadd; border-color:#82bbc2; }
.lm-guide .lg-stages [aria-current] span { border-color:#82bbc2; background:#20343d; }
.lm-guide .lg-step-scroll { overflow:auto; scrollbar-gutter:stable; flex:1; min-height:0; padding:0 8px 16px 2px; }
.lm-guide .lg-eyebrow { color:var(--lg-muted); font-size:12px; margin-bottom:9px; }
.lm-guide h1 { font-size:clamp(24px,2.4vw,34px); line-height:1.4; font-weight:600; }
.lm-guide .lg-description { margin-top:15px; max-width:820px; color:#c2d0da; font-size:15px; }
.lm-guide .lg-diagram { display:flex; align-items:center; justify-content:center; gap:12px; min-height:210px; margin:24px 0 0; padding:14px 10px; border:1px solid #223c48; border-radius:10px; background:radial-gradient(ellipse at center,#11283270,transparent 70%),#091219; }
.lm-guide .lg-instrument { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--lg-accent); text-align:center; }
.lm-guide .lg-icon { width:100%; height:150px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; overflow:visible; filter:drop-shadow(0 0 4px #79c9d04d); }
.lm-guide .lg-instrument span { font-size:12px; color:#b9cbd6; }
.lm-guide .lg-wire { flex:.7; min-width:50px; align-self:center; display:flex; flex-direction:column; gap:15px; margin-bottom:24px; text-align:center; color:#a7c5cf; }
.lm-guide .lg-wire span { font-size:11px; line-height:1.5; }
.lm-guide .lg-wire i { display:block; height:2px; background:#7bbbc5; box-shadow:0 0 6px #76c3ce4d; position:relative; }
.lm-guide .lg-wire i::before, .lm-guide .lg-wire i::after { content:""; position:absolute; top:-3px; width:10px; height:8px; border:1px solid #7bbbc5; background:#0b171f; }
.lm-guide .lg-wire i::before { left:-1px; }
.lm-guide .lg-wire i::after { right:-1px; }
.lm-guide .lg-diagram[data-mode="guitar"] .lg-icon { height:190px; }
.lm-guide .lg-diagram[data-mode="guitar"] .lg-instrument { max-width:280px; }
.lm-guide .lg-connection-figure { width:100%; text-align:center; color:var(--lg-accent); }
.lm-guide .lg-connection { display:block; width:100%; height:195px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 3px #79c9d033); }
.lm-guide .lg-connection text { fill:#bed6df; stroke:none; font:14px "Yu Gothic UI","Meiryo",sans-serif; }
.lm-guide .lg-connection .lg-port { fill:#9bcbd2; stroke:#d0e8ea; }
.lm-guide .lg-connection-figure > span { display:block; font-size:11px; color:var(--lg-muted); }
.lm-guide .lg-diagram[data-mode="ready"] .lg-icon { height:145px; }
.lm-guide .lg-diagram-note { margin:8px 2px 16px; color:var(--lg-muted); font-size:12px; min-height:18px; }
.lm-guide .lg-routes { display:flex; flex-wrap:wrap; gap:8px 16px; margin:18px 0 0; padding:0; border:0; }
.lm-guide .lg-routes legend { font-size:12px; color:var(--lg-muted); padding:0 0 6px; }
.lm-guide .lg-routes label { display:flex; align-items:center; gap:6px; font-size:12px; cursor:pointer; }
.lm-guide .lg-routes input { accent-color:#94c5cc; margin:0; width:16px; height:16px; }
.lm-guide .lg-help, .lm-guide .lg-supplement { background:#0b151c; border:1px solid #293e4b; border-radius:6px; margin-top:12px; padding:0; }
.lm-guide summary { cursor:pointer; padding:11px 15px; font-size:13px; color:#c8dce4; }
.lm-guide details p { padding:0 16px 16px; font-size:13px; color:#b4c5d2; }
.lm-guide .lg-equipment-toggle { margin-top:13px; padding:5px 0; border:0; background:transparent; color:#a5cbd2; font-size:13px; }
.lm-guide .lg-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:none; border-top:1px solid #263944; padding-top:17px; }
.lm-guide .lg-count { color:var(--lg-muted); font-size:12px; }
.lm-guide button.lg-primary { min-width:132px; color:#c1e4e7; border-color:#649ba3; background:#152c34; box-shadow:0 0 12px #7ac5ce12,inset 0 0 10px #7ac5ce0a; }
.lm-guide button.lg-primary:hover { background:#203b43; border-color:#99c9d0; }
.lm-guide .lg-equipment { display:flex; flex-direction:column; min-height:0; border-left:1px solid #314854; background:#0c151e; padding:28px 22px 10px; }
.lm-guide .lg-equipment-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.lm-guide h2 { font-size:21px; font-weight:600; }
.lm-guide .lg-equipment-heading button { width:34px; min-height:34px; padding:0; font-size:22px; }
.lm-guide .lg-equipment-tabs { display:flex; gap:8px; margin:20px 0 12px; }
.lm-guide .lg-equipment-tabs button { flex:1; font-size:12px; }
.lm-guide .lg-equipment-tabs [aria-pressed="true"] { border-color:#89acbd; background:#1a2b38; }
.lm-guide .lg-equipment-body { overflow:auto; min-height:0; padding:0 5px 20px 0; font-size:13px; scrollbar-gutter:stable; }
.lm-guide .lg-equipment-body > p { margin:10px 0; }
.lm-guide .lg-gear { padding:17px 0; border-bottom:1px solid #2b3b47; background:none; box-shadow:none; }
.lm-guide .lg-gear-head { display:flex; gap:13px; align-items:center; margin-bottom:8px; }
.lm-guide .lg-gear .lg-icon { flex:none; width:58px; height:56px; color:#8bb6c8; }
.lm-guide .lg-gear h3 { font-size:14px; font-weight:600; line-height:1.5; }
.lm-guide .lg-gear p { color:#adbfcc; font-size:12px; margin-bottom:8px; }
.lm-guide .lg-gear a { font-size:12px; }
.lm-guide .lg-shop-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.lm-guide .lg-shop-links a { display:inline-block; padding:6px 9px; background:#142330; border:1px solid #385063; border-radius:4px; text-decoration:none; }
.lm-guide .lg-catalog-title { font-size:15px; margin:18px 0 8px; }
.lm-guide .lg-small, .lm-guide .lg-shop-notice { font-size:11px; color:#96adbf; }
.lm-guide .lg-shop-notice { padding:10px; background:#12212c; border-left:2px solid #668ea1; }
.lm-guide .lg-record-action { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:14px 0; }
.lm-guide .lg-record-action small { font-size:11px; max-width:320px; color:var(--lg-muted); }
.lm-guide .lg-input { padding:14px; border:1px solid #2c444f; border-radius:6px; }
.lm-guide .lg-meter-row { display:flex; align-items:center; gap:14px; font-size:12px; }
.lm-guide meter { flex:1; min-width:70px; height:20px; accent-color:#8fc5ca; }
.lm-guide meter::-webkit-meter-bar { background:#182731; border:0; }
.lm-guide meter::-webkit-meter-optimum-value { background:#88b9c2; }
.lm-guide .lg-input output { min-width:68px; color:#b5d5db; text-align:right; }
.lm-guide .lg-meter-state { margin-top:7px; font-size:12px; color:var(--lg-muted); }
@media (min-width:1500px) { .lm-guide:not(.has-equipment) .lg-main { padding-inline:140px; } }
@media (max-height:820px) { .lm-guide .lg-header { height:68px; } .lm-guide .lg-main { padding-top:14px; } .lm-guide .lg-stages { margin-bottom:12px; } .lm-guide .lg-diagram { min-height:140px; margin-top:12px; padding-block:8px; } .lm-guide .lg-icon { height:105px; } .lm-guide .lg-diagram[data-mode="guitar"] .lg-icon { height:140px; } .lm-guide .lg-connection { height:150px; } .lm-guide .lg-diagram-note { margin-bottom:8px; } }
@media (max-width:1000px) { .lm-guide.has-equipment .lg-layout { grid-template-columns:minmax(0,1fr) 310px; } .lm-guide .lg-main { padding-inline:20px; } .lm-guide .lg-stages button { flex-direction:column; font-size:11px; } .lm-guide .lg-diagram { gap:7px; padding-inline:8px; } .lm-guide .lg-wire { min-width:28px; } }
@media (max-width:700px) { .lm-guide .lg-header { padding-inline:15px; gap:10px; } .lm-guide .lg-header img { width:130px; } .lm-guide .lg-header nav { gap:0; font-size:12px; } .lm-guide .lg-header nav button, .lm-guide .lg-header nav span { padding:6px; } .lm-guide.has-equipment .lg-layout { grid-template-columns:minmax(0,1fr); } .lm-guide.has-equipment .lg-main { display:none; } .lm-guide .lg-equipment { border:0; } .lm-guide .lg-diagram[data-mode="route"], .lm-guide .lg-diagram[data-mode="input"] { flex-wrap:wrap; } .lm-guide .lg-diagram[data-mode="route"] .lg-instrument, .lm-guide .lg-diagram[data-mode="input"] .lg-instrument { flex-basis:25%; } .lm-guide .lg-description { font-size:14px; } }
.lm-guide.is-preparation { background:#080d12; }
.lm-guide.is-preparation .lg-header { height:60px; }
.lm-guide.is-preparation .lg-layout { max-width:1800px; grid-template-columns:minmax(0,1fr) clamp(310px,25vw,380px); }
.lm-guide.is-preparation .lg-main { padding:20px clamp(20px,2.5vw,40px) 18px; }
.lm-guide.is-preparation .lg-stages { margin-bottom:18px; }
.lm-guide.is-preparation .lg-eyebrow, .lm-guide.is-preparation .lg-equipment-toggle, .lm-guide.is-preparation .lg-diagram-note { display:none; }
.lm-guide.is-preparation .lg-step-scroll { display:flex; flex-direction:column; padding:0 0 10px; scrollbar-gutter:auto; }
.lm-guide.is-preparation h1 { flex:none; font-size:clamp(24px,2.3vw,32px); }
.lm-guide.is-preparation .lg-diagram { flex:1; min-height:280px; display:grid; place-items:center; container-type:size; margin:12px 0 0; padding:0; border:0; border-radius:0; background:none; }
.lm-guide .lg-welcome-figure { position:relative; width:min(100%,189.46cqh); aspect-ratio:1726/911; margin:0; }
.lm-guide .lg-welcome-image { display:block; width:100%; height:auto; }
.lm-guide .lg-welcome-labels > span { position:absolute; display:flex; align-items:center; gap:6px; transform:translate(-50%,-50%); white-space:nowrap; color:#c9dce6; font-size:clamp(12px,1.35cqw,16px); font-weight:500; line-height:1.45; }
.lm-guide .lg-welcome-labels b { display:grid; place-items:center; flex:none; width:20px; height:20px; border:1px solid #536f7a; border-radius:50%; color:#acd0d7; font-size:11px; font-weight:400; }
.lm-guide .lg-label-guitar { left:13%; top:22%; }
.lm-guide .lg-label-interface { left:42%; top:87%; }
.lm-guide .lg-label-laptop { left:79%; top:11%; }
.lm-guide .lg-label-cable { left:22%; top:88%; }
.lm-guide .lg-welcome-labels .lg-label-cable { color:#9dd7e2; }
.lm-guide .lg-label-usb { left:62%; top:76%; }
.lm-guide .lg-welcome-labels .lg-label-usb { color:#b9afe0; }
.lm-guide .lg-label-earphones { left:83%; top:96%; }
.lm-guide.is-preparation .lg-controls { padding-top:12px; }
.lm-guide[data-step="welcome"] [data-prev] { visibility:hidden; }
.lm-guide.is-preparation .lg-equipment { padding:24px 20px 12px; background:#0b131b; }
.lm-guide.is-preparation .lg-equipment-heading { margin-bottom:4px; }
.lm-guide.is-preparation .lg-equipment-tabs, .lm-guide.is-preparation [data-equipment-close] { display:none; }
.lm-guide.is-preparation .lg-equipment-body { padding-bottom:0; }
.lm-guide .lg-kit-intro { font-size:11px; color:#97adbb; }
.lm-guide .lg-kit-item { margin:0; border:0; border-bottom:1px solid #263b47; background:none; }
.lm-guide .lg-kit-item summary { display:flex; align-items:center; gap:10px; padding:15px 0; list-style:none; }
.lm-guide .lg-kit-item summary::-webkit-details-marker { display:none; }
.lm-guide .lg-kit-item summary:hover { color:#deeff1; }
.lm-guide .lg-kit-number { display:grid; place-items:center; flex:none; width:24px; height:24px; border:1px solid #47616c; border-radius:50%; color:#a9cbd3; font-size:12px; }
.lm-guide .lg-kit-text { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.lm-guide .lg-kit-text strong { font-size:13px; font-weight:500; line-height:1.6; }
.lm-guide .lg-kit-text small { color:#96acbb; font-size:11px; line-height:1.6; }
.lm-guide .lg-kit-expand { flex:none; font-size:16px; color:#8eafb9; }
.lm-guide .lg-kit-item[open] .lg-kit-expand { transform:rotate(45deg); }
.lm-guide .lg-kit-item[open] .lg-kit-number { border-color:#88bdc6; background:#172933; }
.lm-guide .lg-kit-detail { padding:0 2px 16px 34px; }
.lm-guide .lg-kit-detail p { padding:0; margin:0 0 9px; font-size:12px; }
.lm-guide .lg-kit-detail .lg-shop-links { margin-top:8px; gap:6px; }
.lm-guide .lg-kit-detail .lg-shop-links a { font-size:11px; padding:5px 7px; }
.lm-guide .lg-kit-product { margin-top:14px; padding-top:12px; border-top:1px solid #253945; }
.lm-guide .lg-kit-product h3 { font-size:13px; font-weight:500; margin-bottom:7px; }
.lm-guide .lg-kit-product > a { font-size:11px; }
.lm-guide .lg-kit-detail .lg-routes { flex-direction:column; gap:8px; margin:12px 0 18px; }
.lm-guide.is-preparation .lg-shop-notice { padding:8px 10px; background:#111f29; }
.lm-guide[data-step="optional"] .lg-description { flex:none; margin-top:8px; }
.lm-guide[data-step="optional"] .lg-diagram { min-height:340px; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); place-items:stretch; }
.lm-guide .lg-optional-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:16px 24px; width:100%; height:100%; }
.lm-guide .lg-optional-item { display:flex; flex-direction:column; align-items:center; min-width:0; min-height:0; margin:0; }
.lm-guide .lg-optional-art { display:block; flex:1; min-height:0; width:100%; height:0; overflow:hidden; mix-blend-mode:lighten; }
.lm-guide .lg-optional-item figcaption { flex:none; padding-top:4px; text-align:center; }
.lm-guide .lg-optional-item h2 { display:flex; align-items:center; justify-content:center; gap:8px; font-size:clamp(14px,1.25vw,18px); line-height:1.5; font-weight:500; }
.lm-guide .lg-optional-item h2 span { display:grid; place-items:center; width:24px; height:24px; border:1px solid #6d949e; border-radius:50%; font-size:13px; }
.lm-guide .lg-optional-item p { color:#a7becb; font-size:12px; margin-top:4px; }
.lm-guide .lg-optional-product { padding:12px 0; border-bottom:1px solid #2b3b47; }
.lm-guide .lg-optional-product h3 { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; }
.lm-guide .lg-optional-product > p { margin-top:5px; font-size:12px; line-height:1.5; color:#b4c9d4; }
.lm-guide .lg-optional-product .lg-shop-links { gap:6px; margin-top:6px; }
.lm-guide .lg-optional-product .lg-shop-links a { flex:1; padding:4px 7px; font-size:11px; line-height:1.5; text-align:center; }
.lm-guide .lg-optional-product details { margin-top:4px; }
.lm-guide .lg-optional-product summary { padding:0; font-size:11px; line-height:1.4; color:#98b4c2; }
.lm-guide .lg-optional-product details p { padding:6px 0 0; font-size:12px; }
@media (max-height:820px) { .lm-guide.is-preparation .lg-main { padding-block:12px; } .lm-guide.is-preparation .lg-stages { margin-bottom:12px; } .lm-guide.is-preparation .lg-stages button { min-height:32px; padding-block:4px; } .lm-guide.is-preparation .lg-controls { padding-top:8px; } .lm-guide.is-preparation .lg-equipment { padding-top:18px; } .lm-guide .lg-kit-item summary { padding-block:12px; } .lm-guide .lg-optional-product { padding-block:8px; } }
@media (max-width:1000px) { .lm-guide.is-preparation .lg-main { padding-inline:18px; } .lm-guide.is-preparation .lg-equipment { padding-inline:15px; } .lm-guide .lg-welcome-labels > span { font-size:11px; gap:4px; } .lm-guide .lg-welcome-labels b { width:16px; height:16px; font-size:10px; } .lm-guide .lg-optional-grid { gap:14px 10px; } .lm-guide .lg-optional-item h2 { font-size:12px; gap:5px; } .lm-guide .lg-optional-item p { font-size:11px; } }
@media (max-width:700px) { .lm-guide.is-preparation .lg-layout { display:block; overflow:auto; } .lm-guide.is-preparation .lg-main { display:flex; min-height:480px; } .lm-guide.is-preparation .lg-equipment { border-top:1px solid #314854; } .lm-guide.is-preparation .lg-step-scroll { overflow:visible; } .lm-guide.is-preparation .lg-diagram { min-height:260px; } .lm-guide.is-preparation .lg-equipment-body { overflow:visible; } .lm-guide[data-step="optional"] .lg-diagram { height:400px; flex:none; } }
@media (prefers-reduced-motion:reduce) { .lm-guide *, .lm-guide *::before, .lm-guide *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }