
: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-ground:color-mix(in srgb,var(--adp-ink) 30%,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-wait .lp-scroll{visibility:hidden}
.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%}
.lp-bottle img{display:block;width:100%;height:100%;object-fit:contain}
.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:var(--adp-space-2);margin:0;will-change:transform,opacity}

.lp-piece-pic{position:relative;display:block;isolation:isolate}
.lp-piece-pic img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.lp-piece-pic .lp-soft{inset:-25%;width:150%;height:150%}  
.lp-piece-pic .lp-sharp{z-index:1}                         
.lp-piece-pic::after{content:"";position:absolute;right:16%;bottom:-5%;left:16%;z-index:-1;height:14%;background:radial-gradient(closest-side,var(--lp-shade),transparent);opacity:var(--lp-laid,0)}
.lp-piece-name{max-width:9em;padding:0 var(--adp-space-1);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 .lp-piece-name{order:-1}
.lp-piece.is-line .lp-piece-name{max-width:none;white-space:nowrap}
a.lp-piece{text-decoration:none}
a.lp-piece:hover .lp-piece-name{text-decoration:underline;text-underline-offset:3px}
a.lp-piece:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}

.lp-scroll.is-live.is-seen .lp-piece-pic{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-behind{position:absolute;inset:-14% -18%;z-index:0;pointer-events:none}
.app-root{overflow-x:clip}  
.lp-behind canvas{position:absolute;inset:0;width:100%;height:100%}
.lp-ink{mix-blend-mode:multiply}
.lp-ink.is-still{background:radial-gradient(closest-side at var(--lp-bx,50%) var(--lp-by,50%),color-mix(in srgb,var(--lp-tint) 38%,transparent),transparent)}
.lp-reflect{position:absolute;-webkit-mask-image:linear-gradient(to top,var(--adp-ink),transparent 22%);mask-image:linear-gradient(to top,var(--adp-ink),transparent 22%);transform:scaleY(-1)}
.lp-ground{position:absolute;background:radial-gradient(closest-side,var(--lp-ground),transparent);translate:-50% -50%}
.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)}
.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-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-plate-line.is-door{bottom:calc(-1 * var(--adp-space-2));width:max-content;max-width:calc(100vw - 2 * var(--adp-space-4))}  
.lp-sign-door{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:var(--adp-touch);color:var(--adp-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lp-sign-door span{display:inline-flex;align-items:center;gap:var(--adp-space-1);white-space:pre}  
.lp-sign-door .lp-arrow{width:16px;height:16px}
.lp-sign-door:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}

.lp-moment{position:absolute;inset:0;z-index:4;margin:0;pointer-events:none}
.lp-moment-say{position:absolute;top:0;left:0;margin:0;color:var(--adp-ink);font:400 var(--adp-size-heading)/1.1 var(--adp-font-display);white-space:nowrap;transform-origin:100% 50%}
.lp-moment-say[hidden]{display:none}
.lp-moment-say .adp-sign{width:16px;height:16px;margin-right:var(--adp-space-2);vertical-align:-1px}
.lp-moment-when{position:absolute;top:0;left:0;color:var(--adp-ink-quiet);font:italic 400 var(--adp-size-reading)/1.3 var(--adp-font-reading);white-space:nowrap}
.lp-moment-when span{position:absolute;top:0;right:0;transition:opacity .35s ease-out}

.lp-yours{position:absolute;right:0;left:0;z-index:6;display:grid;justify-items:center;gap:var(--adp-space-2);margin:0}
.lp-yours.is-still{position:static;grid-column:1/-1;margin-top:var(--adp-space-5)}
.lp-yours p{margin:0;color:var(--adp-ink-quiet);font:italic 400 var(--adp-size-reading)/1.3 var(--adp-font-reading)}
.lp-yours div{display:flex;gap:var(--adp-space-2);max-width:100%;padding:0 var(--adp-space-1) var(--adp-space-1);overflow-x:auto;scrollbar-width:none}
.lp-yours div::-webkit-scrollbar{display:none}
.lp-yours button{flex:none;display:grid;justify-items:center;gap:var(--adp-space-1);width:64px;padding:var(--adp-space-1) 0;background:none;border:1px solid transparent;color:var(--adp-ink-quiet);font:500 var(--adp-size-label)/1.2 var(--adp-font-controls);cursor:pointer}
.lp-yours button img{width:auto;height:46px;object-fit:contain}
.lp-yours button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-yours button:hover{border-color:var(--adp-ink-quiet);color:var(--adp-ink)}
.lp-yours button:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
.lp-yours button[aria-current="true"]{border-color:var(--adp-ink);color:var(--adp-ink)}

.lp-yours .lp-cue{display:grid;justify-items:center;gap:var(--adp-space-1);max-width:none;margin:0 0 var(--adp-space-1);padding:0;overflow:visible}
.lp-yours p.lp-cue-say{color:var(--adp-ink);font:italic 400 var(--adp-size-heading)/1.2 var(--adp-font-reading);text-align:center;text-wrap:balance}
.lp-cue-arrow{width:26px;height:26px;fill:none;stroke:var(--adp-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:lp-cue-nod .95s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes lp-cue-nod{from{translate:0 -2px;stroke:var(--adp-edge)}to{translate:0 6px}}
.lp-bottle-ghost{pointer-events:none}  


.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:start;margin:var(--adp-space-6) 0 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-tier-keys{display:grid;gap:var(--adp-space-2);min-width:0}
.lp-keys{display:grid;grid-template-columns:repeat(9,minmax(min-content,1fr));gap:var(--adp-space-1);align-items:end}
.lp-keys[hidden]{display:none}
.lp-keys-rest{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.lp-tier-lines .lp-keys-rest{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}
.lp-keys-rest .lp-key-name{overflow-wrap:anywhere}
.lp-tier-more{justify-self:start;min-height:var(--adp-touch);padding:0;background:transparent;border:0;color:var(--adp-accent);font:500 var(--adp-size-control)/1.3 var(--adp-font-controls);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lp-tier-more[hidden]{display:none}
.lp-tier-more::before{content:"+ "}
.lp-tier-more[aria-expanded="true"]::before{content:"\2212  "}
.lp-tier-more:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
.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:100%;max-width:64px;height:64px;object-fit:contain;transition:transform .35s var(--lp-ease)}
.lp-key-name{max-width:100%;padding:0 var(--adp-space-1)}
.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-out[hidden],.lp-left[hidden]{display:none}
.lp-left,.lp-told{display:none}


.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;display:grid;justify-items:center;width:188px;padding:var(--adp-space-2);background:var(--adp-drawing-card);border:var(--adp-outline);color:var(--adp-ink);font:400 var(--adp-size-small)/1.35 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:132px;aspect-ratio:3/4;margin-bottom:var(--adp-space-1);object-fit:cover}
.lp-rise-cap{color:var(--adp-ink-quiet);font-style:italic;line-height:1.2}

.lp-rise-name{margin-top:var(--adp-space-2);font:400 var(--adp-size-heading)/1.15 var(--adp-font-display)}
.lp-rise-card.is-words .lp-rise-name{margin-top:0}
.lp-rise-smell{margin-top:var(--adp-space-1);text-wrap:pretty}
.lp-rise-card.is-smell{padding:var(--adp-space-2) var(--adp-space-3)}  
.lp-rise-card.is-smell .lp-rise-smell{margin-top:0}

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


@media (max-width:1000px){.lp-keys{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.lp-tier-lines .lp-keys{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}.lp-key-name{overflow-wrap:anywhere}}


@media (max-width:760px){
  
  .lp-scroll-sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:0;height:calc(100svh - var(--lp-under,var(--adp-touch)));height:calc(100dvh - var(--lp-under,var(--adp-touch)));min-height:0;max-height:none;padding:var(--adp-space-3) 0 var(--adp-space-2)}
  .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)}
  @media (max-height:640px){.lp-scroll.is-live .lp-cap .lp-eyebrow{display:none}}  
  .lp-cap .lp-fact{margin-bottom:var(--adp-space-4)}  
  .lp-stage{height:auto;min-height:0}
  .lp-scroll.is-set:not(.is-live) .lp-stage{height:calc(100svh - 288px);min-height:400px}  
  .lp-scroll.is-moving .lp-bottle,.lp-scroll.is-moving .lp-piece,.lp-scroll.is-moving .lp-piece-pic,.lp-scroll.is-moving .lp-legend-row{transition:left .28s var(--lp-ease),top .28s var(--lp-ease),width .28s var(--lp-ease),height .28s var(--lp-ease)}
  .lp-behind{inset:-10% calc(-1 * var(--adp-space-4))}
  .lp-moment-say{font-size:var(--adp-size-reading);transform-origin:50% 50%}
  .lp-moment-say .adp-sign{width:13px;height:13px;margin-right:var(--adp-space-1)}
  .lp-moment-when{font-size:var(--adp-size-small)}
  .lp-moment-when span{right:auto;left:0;translate:-50% 0}
  .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 .adp-sign{width:14px;height:14px}
  .lp-piece-name{font-size:var(--adp-size-label)}
  .lp-piece{gap:var(--adp-space-1)}
  .lp-piece.is-above{gap:var(--adp-space-2)}  
  .lp-plate-line{font-size:var(--adp-size-small)}
  .lp-way-groups{grid-template-columns:minmax(0,1fr)}
  .lp-way-chip{min-height:var(--adp-touch)}  
  .lp-organ-body{display:flex;flex-direction:column}
  .lp-tier{grid-template-columns:minmax(0,1fr)}
  .lp-tier-name{margin-top:0}
  .lp-keys{grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:var(--adp-space-2);overflow-x:auto}
  .lp-tier-lines .lp-keys{grid-template-columns:none}
  .lp-keys-rest,.lp-tier-lines .lp-keys-rest{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-flow:row;overflow-x:visible}
  .lp-tier-lines .lp-keys-rest{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}
  .lp-key{min-width:var(--lp-key,76px);min-height:100px}  
  .lp-key-pic{max-width:52px;height:52px}
  
  .lp-chord{position:sticky;top:auto;bottom:var(--lp-under,var(--adp-touch));z-index:4;order:1;display:grid;align-self:stretch;gap:var(--adp-space-2);min-height:0;margin:var(--adp-space-4) calc(-1 * var(--adp-space-4)) 0;padding:var(--adp-space-2) var(--adp-space-4);border-width:1px 0 0}
  .lp-chord-says{display:grid;gap:var(--adp-space-2)}
  .lp-chord.is-bare .lp-chord-says,.lp-chord-says>*{display:none}
  .lp-chord-says>.lp-told,.lp-chord-says>.lp-among,.lp-chord-says>.lp-none{display:block}
  .lp-told{margin:0;color:var(--adp-ink-quiet);font:400 var(--adp-size-small)/1.35 var(--adp-font-reading);text-wrap:pretty}
  .lp-told i{color:var(--adp-ink)}
  .lp-chord-says>.lp-picked{display:flex;flex-wrap:nowrap;margin:0;overflow-x:auto;scrollbar-width:none}
  .lp-picked::-webkit-scrollbar{display:none}
  .lp-pick{flex:none;min-height:32px}
  .lp-chord-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--adp-space-3)}
  .lp-left{display:block;margin:0;color:var(--adp-ink-quiet);font:400 var(--adp-size-small)/1.3 var(--adp-font-reading);text-align:right}
  .lp-left b{margin-right:var(--adp-space-1);color:var(--adp-ink);font:400 var(--adp-size-display-3)/1 var(--adp-font-display)}
  .lp-out{display:inline-flex;align-items:center;min-height:var(--adp-touch);margin-left:auto;padding:0 var(--adp-space-4);background:var(--adp-accent);color:var(--adp-on-accent);font:500 var(--adp-size-control)/1 var(--adp-font-controls);text-decoration:none}
  .lp-out:focus-visible{outline:2px solid var(--adp-accent);outline-offset:2px}
  .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}
}
