:root{--lp-title:clamp(44px,5.6vw,76px);--lp-title-2:clamp(38px,4.4vw,60px);--lp-ease:cubic-bezier(.22,1,.36,1);--lp-shade:color-mix(in srgb,var(--adp-ink) 16%,transparent)}
.lp-body{padding-top:0;padding-bottom:var(--adp-space-8)}
.lp-eyebrow{display:flex;align-items:center;gap:var(--adp-space-2);margin:0 0 var(--adp-space-3)}
.lp-title{margin:0 0 var(--adp-space-3);color:var(--adp-ink);font:400 var(--lp-title)/1 var(--adp-font-display);letter-spacing:-.012em;text-wrap:balance}
.lp-title-2{font-size:var(--lp-title-2)}
.lp-h2{margin:0 0 var(--adp-space-2);font:400 var(--adp-size-display-2)/1.1 var(--adp-font-display)}
.lp-h3{margin:0 0 var(--adp-space-1);font:400 var(--adp-size-display-3)/1.15 var(--adp-font-display)}
.lp-sub{max-width:62ch;margin:0;color:var(--adp-ink-quiet);font:400 var(--adp-size-small)/1.5 var(--adp-font-reading)}
.lp-fact{margin:0 0 var(--adp-space-3);color:var(--adp-ink-quiet);font:500 var(--adp-size-control)/1.3 var(--adp-font-controls)}
.lp-say{max-width:34ch;margin:0 0 var(--adp-space-5);font:400 var(--adp-size-reading-wide)/1.45 var(--adp-font-reading)}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--adp-space-3) var(--adp-space-5)}
.lp-arrow{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.lp-scroll{position:relative;border-bottom:var(--adp-double-rule)}
.lp-scroll.is-live{height:300vh}
.lp-scroll-sticky{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:var(--adp-space-5);align-items:center;height:100vh;min-height:560px;max-height:960px}
.lp-scroll:not(.is-live) .lp-scroll-sticky{position:static;height:auto;min-height:0;max-height:none;padding:var(--adp-space-6) 0}
.lp-stage{position:relative;height:min(700px,calc(100vh - 184px))}
.lp-bottle{position:absolute;z-index:2;margin:0;transform-origin:50% 50%;will-change:transform}
.lp-bottle img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px var(--lp-shade))}
.lp-scroll:not(.is-set) .lp-bottle{position:relative;width:180px;height:384px;margin:0 auto}
.lp-scroll:not(.is-set) .lp-stage{height:auto}
.lp-piece{position:absolute;z-index:3;display:grid;justify-items:center;gap:0;margin:0;will-change:transform,opacity}
.lp-piece img{display:block;object-fit:contain;filter:drop-shadow(0 6px 6px var(--lp-shade))}

.lp-piece figcaption{max-width:9em;padding:0 var(--adp-space-1);background:var(--adp-paper);color:var(--adp-ink);font:italic 400 var(--adp-size-control)/1.15 var(--adp-font-reading);text-align:center;text-wrap:balance}
.lp-piece.is-above figcaption{order:-1}
.lp-piece.is-line figcaption{max-width:none;white-space:nowrap}

.lp-scroll.is-live.is-seen .lp-piece img{animation:lp-float var(--lp-float-t,7s) ease-in-out var(--lp-float-d,0s) infinite alternate}
@keyframes lp-float{to{transform:translateY(-3px) rotate(var(--lp-float-r,1deg))}}
.lp-piece[data-door-rise]{cursor:help}
.lp-leads{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}
.lp-leads line{stroke:var(--adp-edge);stroke-width:.75}
.lp-leads circle{fill:var(--adp-edge)}
.lp-bandlines{position:absolute;inset:0;pointer-events:none}
.lp-bandlines i{position:absolute;right:0;left:0;border-top:1px dashed var(--adp-hairline);will-change:transform}
.lp-bandlines i:first-child{top:31%}
.lp-bandlines i:last-child{top:66%}
.lp-scroll:not(.is-set) .lp-bandlines,.lp-scroll:not(.is-set) .lp-legend{display:none}
.lp-legend{position:absolute;top:0;right:0;bottom:0;z-index:2;width:150px;pointer-events:none}
.lp-legend-row{position:absolute;right:0;display:flex;align-items:flex-start;gap:var(--adp-space-2);margin:0;color:var(--adp-ink);font:400 var(--adp-size-heading)/1.15 var(--adp-font-display)}
.lp-legend-row{padding:0 var(--adp-space-1);background:var(--adp-paper)}
.lp-legend-row small{display:block;color:var(--adp-ink-quiet);font:italic 400 var(--adp-size-small)/1.3 var(--adp-font-reading);white-space:nowrap}
.lp-legend-row[data-band="top"]{top:11%}
.lp-legend-row[data-band="heart"]{top:44%}
.lp-legend-row[data-band="base"]{top:79%}

.lp-plate-line{position:absolute;bottom:0;z-index:4;margin:0;color:var(--adp-ink-quiet);font:italic 400 var(--adp-size-reading)/1.3 var(--adp-font-reading);white-space:nowrap;transform:translateX(-50%)}
.lp-scroll:not(.is-set) .lp-plate-line{display:none}
.lp-hint{position:absolute;bottom:0;left:50%;z-index:4;display:grid;justify-items:center;gap:var(--adp-space-1);margin:0;color:var(--adp-ink-quiet);font:500 var(--adp-size-label)/1.3 var(--adp-font-controls);letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}
.lp-hint[hidden]{display:none}
.lp-hint .lp-arrow{transform:rotate(90deg);animation:lp-nudge 1.6s ease-in-out infinite}
@keyframes lp-nudge{50%{transform:rotate(90deg) translateX(5px)}}


.lp-ways{padding:var(--adp-space-6) 0;border-bottom:var(--adp-rule)}
.lp-ways-head{margin-bottom:var(--adp-space-4)}
.lp-find{position:relative}
.lp-bigsearch{max-width:none;min-height:56px;font-size:var(--adp-size-reading-wide)}
.lp-bigsearch input{font-size:var(--adp-size-reading-wide)}
.lp-suggest{top:100%;right:0;left:0}
.lp-way-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--adp-space-5);margin-top:var(--adp-space-5)}
.lp-way-wide{grid-column:1/-1}
.lp-way .adp-label{margin:0 0 var(--adp-space-2)}
.lp-way-note{margin:var(--adp-space-2) 0 0;color:var(--adp-ink-quiet);font:400 var(--adp-size-small)/1.4 var(--adp-font-reading)}
.lp-way-chip{cursor:pointer}
.lp-way-chip.is-none .app-chip-n,.lp-key.is-none .app-chip-n{color:var(--adp-ink-faint)}
.lp-answer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--adp-space-2) var(--adp-space-4);min-height:var(--adp-touch);margin:var(--adp-space-5) 0 0;color:var(--adp-ink-quiet);font:400 var(--adp-size-control)/1.4 var(--adp-font-controls)}
.lp-answer b{color:var(--adp-ink);font:400 var(--adp-size-display-3)/1 var(--adp-font-display)}


.lp-organ{padding:var(--adp-space-6) 0;border-bottom:var(--adp-rule)}
.lp-organ-head{max-width:70ch;margin-bottom:var(--adp-space-4)}
.lp-organ-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--adp-space-3) var(--adp-space-5);margin-bottom:var(--adp-space-4)}
.lp-organ-tools[hidden]{display:none}
.lp-more{position:relative;flex:1 1 280px;max-width:420px}
.lp-more-box{max-width:none}
.lp-more-found{position:absolute;top:100%;right:0;left:0;z-index:5;display:grid;max-height:320px;overflow-y:auto;background:var(--adp-paper);border:var(--adp-outline);border-top:0}
.lp-more-found[hidden]{display:none}
.lp-more-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--adp-space-2);min-height:var(--adp-touch);padding:var(--adp-space-1) var(--adp-space-3);background:transparent;border:0;border-top:var(--adp-rule);color:var(--adp-ink);font:400 var(--adp-size-reading)/1.2 var(--adp-font-reading);text-align:left;cursor:pointer}
.lp-more-row:hover,.lp-more-row:focus-visible{background:var(--adp-well)}
.lp-more-row:focus-visible{outline:2px solid var(--adp-accent);outline-offset:-2px}
.lp-more-row img{width:36px;height:36px;object-fit:contain}
.lp-more-row small{display:block;color:var(--adp-ink-quiet);font:400 var(--adp-size-label)/1.3 var(--adp-font-controls)}
.lp-more-none{margin:0;padding:var(--adp-space-3);color:var(--adp-ink-quiet);font:400 var(--adp-size-small)/1.4 var(--adp-font-reading)}
.lp-organ-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--adp-space-5);align-items:start}
.lp-tier{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:end;padding:var(--adp-space-3) 0;border-bottom:var(--adp-rule)}
.lp-tier-lines{border-bottom:var(--adp-double-rule)}
.lp-tier-name{align-self:center;margin:0;font:400 var(--adp-size-reading)/1.2 var(--adp-font-reading)}
.lp-tier-name small{display:block;color:var(--adp-ink-quiet);font-size:var(--adp-size-small);font-style:italic}
.lp-keys{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--adp-space-1);align-items:end}
.lp-key{position:relative;display:grid;align-content:end;justify-items:center;gap:var(--adp-space-1);min-height:112px;padding:var(--adp-space-2) 0;background:transparent;border:1px solid transparent;color:var(--adp-ink);font:400 var(--adp-size-control)/1.15 var(--adp-font-reading);text-align:center;text-decoration:none;cursor:pointer;transition:background .2s}
.lp-key-pic{display:grid;place-items:center;width:64px;height:64px;object-fit:contain;transition:transform .35s var(--lp-ease)}
.lp-key-name{max-width:100%;overflow-wrap:break-word;hyphens:auto}
.lp-mol{display:block;width:100%;max-height:64px;color:var(--adp-ink)}
.lp-key:hover{background:var(--adp-well);border-color:var(--adp-edge)}
.lp-key:hover .lp-key-pic{transform:translateY(-4px) rotate(-3deg)}
.lp-key:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
.lp-key[aria-pressed="true"]{background:var(--adp-field);border-color:var(--adp-accent)}
.lp-key[aria-pressed="true"]::after,.lp-key[data-out="true"]::after{position:absolute;top:var(--adp-space-1);right:var(--adp-space-1);display:grid;place-items:center;width:20px;height:20px;font:600 var(--adp-size-label)/1 var(--adp-font-controls)}
.lp-key[aria-pressed="true"]::after{content:"\2713";background:var(--adp-accent);color:var(--adp-on-accent)}

.lp-key[data-out="true"]{background:var(--adp-well);border:1px dashed var(--adp-ink)}
.lp-key[data-out="true"]::after{content:"\2715";background:var(--adp-ink);color:var(--adp-paper)}
.lp-key[data-out="true"] .lp-key-name{text-decoration:line-through}
.lp-chord{position:sticky;top:var(--adp-space-3);min-height:420px;padding:var(--adp-space-4);background:var(--adp-field);border:var(--adp-outline)}
.lp-big{display:block;margin:var(--adp-space-2) 0 0;font:400 var(--lp-title-2)/1 var(--adp-font-display)}
.lp-picked{display:flex;flex-wrap:wrap;gap:var(--adp-space-2);margin:var(--adp-space-2) 0 0}
.lp-pick{display:inline-flex;align-items:center;gap:var(--adp-space-1);min-height:28px;padding:0 var(--adp-space-2);background:var(--adp-paper);border:var(--adp-outline);color:var(--adp-ink);font:400 var(--adp-size-control)/1 var(--adp-font-controls);cursor:pointer}
.lp-pick::after{content:"\2715";color:var(--adp-ink-quiet);font-size:var(--adp-size-label)}
.lp-pick.is-out{border-style:dashed;text-decoration:line-through}
.lp-pick:hover{border-color:var(--adp-ink)}
.lp-pick:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
.lp-chord-list{display:grid;gap:var(--adp-space-2);margin:var(--adp-space-4) 0}
.lp-chord-pf{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--adp-space-2);color:var(--adp-ink);text-decoration:none}
.lp-chord-pf img,.lp-chord-pf .lp-nopic{width:36px;height:52px;object-fit:contain}
.lp-chord-pf b{display:block;font:400 var(--adp-size-reading)/1.15 var(--adp-font-reading)}
.lp-chord-pf small{color:var(--adp-ink-quiet);font:400 var(--adp-size-label)/1.2 var(--adp-font-controls)}
.lp-chord-pf:hover b{text-decoration:underline}


.lp-plate{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:var(--adp-space-7);align-items:start;padding:var(--adp-space-6) 0}
.lp-plate-fig{margin:0}
.lp-plate-paper{display:block;padding:var(--adp-space-3);background:var(--adp-drawing-card);border:var(--adp-outline)}
.lp-plate-art{aspect-ratio:660/880}
.lp-plate-fig figcaption{margin-top:var(--adp-space-2);color:var(--adp-ink-quiet);font:italic 400 var(--adp-size-reading)/1.2 var(--adp-font-reading);text-align:center}
.lp-plate-text{padding-top:var(--adp-space-6)}
.lp-plate-count{margin:0 0 var(--adp-space-3);color:var(--adp-ink-quiet);font:500 var(--adp-size-control)/1.3 var(--adp-font-controls)}
.lp-plate-bottles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--adp-space-2);margin-bottom:var(--adp-space-4)}
.lp-plate-doors{display:flex;flex-wrap:wrap;gap:var(--adp-space-2) var(--adp-space-5);margin:0 0 var(--adp-space-5)}
.lp-bt{display:grid;align-content:start;justify-items:center;gap:var(--adp-space-1);color:var(--adp-ink);font:400 var(--adp-size-small)/1.15 var(--adp-font-reading);text-align:center;text-decoration:none}
.lp-bt img{width:100%;height:96px;object-fit:contain}
.lp-bt small{color:var(--adp-ink-quiet);font:400 var(--adp-size-label)/1.2 var(--adp-font-controls)}
.lp-bt:hover span{text-decoration:underline}
.lp-turn{display:flex;flex-wrap:wrap;gap:var(--adp-space-3)}
.lp-turn-btn{display:inline-flex;align-items:center;gap:var(--adp-space-2);min-height:56px;padding:var(--adp-space-1) var(--adp-space-3)}
.lp-turn-btn[hidden]{display:none}
.lp-turn-btn span{font-family:var(--adp-font-reading);font-style:italic}
.lp-turn-pic{width:40px;height:40px;object-fit:contain}


.lp-rise-card{position:absolute;z-index:8;width:132px;padding:var(--adp-space-2);background:var(--adp-drawing-card);border:var(--adp-outline);color:var(--adp-ink);font:italic 400 var(--adp-size-small)/1.2 var(--adp-font-reading);text-align:center;pointer-events:none;transition:opacity .3s ease-out,transform .45s var(--lp-ease)}
.lp-rise-card[hidden]{display:none}
.lp-rise-card.is-low{opacity:0;transform:translateY(12px) scale(.94)}
.lp-rise-card img{display:block;width:100%;aspect-ratio:3/4;margin-bottom:var(--adp-space-1);object-fit:cover}

@media (prefers-reduced-motion:reduce){.lp-key,.lp-key-pic,.lp-rise-card{transition:none}.lp-hint .lp-arrow,.lp-piece img{animation:none}}


@media (max-width:760px){
  .lp-scroll-sticky{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;height:100svh;min-height:0;max-height:none;padding-top:var(--adp-space-3)}
  .lp-scroll-sticky .lp-cap .lp-say,.lp-scroll-sticky .lp-cap .lp-actions{display:none}
  .lp-scroll:not(.is-live) .lp-cap .lp-say,.lp-scroll:not(.is-live) .lp-cap .lp-actions{display:block}
  .lp-cap .lp-title{margin-bottom:var(--adp-space-1)}
  .lp-cap .lp-fact{margin-bottom:0}
  .lp-stage{height:calc(100svh - 272px);min-height:400px}
  .lp-legend{left:0;width:auto}
  .lp-legend-row{right:auto;left:0;font-size:var(--adp-size-reading)}
  .lp-legend-row small{display:inline;margin-left:var(--adp-space-1);font-size:var(--adp-size-label)}
  .lp-legend-row[data-band="top"]{top:2px}
  .lp-legend-row[data-band="heart"]{top:calc(31% + 4px)}
  .lp-legend-row[data-band="base"]{top:calc(66% + 4px)}
  .lp-legend-row .adp-sign{width:14px;height:14px}
  .lp-piece figcaption{font-size:var(--adp-size-label)}
  .lp-plate-line{font-size:var(--adp-size-small)}
  .lp-way-groups{grid-template-columns:minmax(0,1fr)}
  .lp-organ-body{display:flex;flex-direction:column}
  .lp-tier{grid-template-columns:minmax(0,1fr)}
  .lp-keys{grid-template-columns:none;grid-auto-columns:84px;grid-auto-flow:column;padding-bottom:var(--adp-space-2);overflow-x:auto}
  .lp-key{min-height:100px}
  .lp-key-pic{width:52px;height:52px}
  .lp-chord{position:static;order:-1;width:100%;min-height:0;padding:var(--adp-space-3)}
  .lp-chord-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--adp-space-3) 0}
  .lp-plate{grid-template-columns:minmax(0,1fr);gap:var(--adp-space-4)}
  .lp-plate-text{padding-top:0}
  .lp-plate-bottles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-turn-btn span{display:none}
}