.llsh{display:grid;gap:22px}@media (min-width: 900px){.llsh{grid-template-columns:minmax(0,max-content) 300px;justify-content:start;align-items:end;gap:48px}}.llsh-case{position:relative;max-width:100%;padding:26px 28px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.llsh-case::-webkit-scrollbar{display:none}.llsh-row{position:relative;z-index:1;display:flex;align-items:flex-end;gap:5px;min-height:290px;padding:0 10px}.llsh-plank{position:relative;height:14px;margin:0 -28px;border-radius:3px 3px 8px 8px;background:linear-gradient(180deg,color-mix(in oklab,var(--ll-ink) 22%,transparent),color-mix(in oklab,var(--ll-ink) 10%,transparent));box-shadow:inset 0 1px color-mix(in oklab,#fff 40%,transparent),0 18px 28px -14px #0a1c3d73}.dark .llsh-plank{background:linear-gradient(180deg,#7fe3df38,#7fe3df12);box-shadow:inset 0 1px #bff3f14d,0 18px 30px -12px #000000b3}.llsh-book{position:relative;flex:none;width:calc(var(--w) * var(--s, 1));height:calc(var(--h) * var(--s, 1));padding:0;border:0;cursor:pointer;border-radius:5px 5px 2px 2px;color:#eaf2f7;background:var(--bk);box-shadow:inset 3px 0 #ffffff1f,inset -4px 0 8px #00000040,0 -1px #ffffff14;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.9,.25,1.12),box-shadow .3s,filter .3s}.llsh-book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 22%,transparent 70%,rgba(0,0,0,.18))}.llsh-book.is-c0{--bk: linear-gradient(180deg, #13305A, #0A1C3D)}.llsh-book.is-c1{--bk: linear-gradient(180deg, #11807E, #0B6664)}.llsh-book.is-c2{--bk: linear-gradient(180deg, #2C5987, #1B3F6E)}.llsh-book.is-c3{--bk: linear-gradient(180deg, #3A7288, #245468)}.llsh-book.is-c4{--bk: linear-gradient(180deg, #4B5A8C, #2F3B69)}.llsh-band{position:absolute;left:7px;right:7px;height:2px;border-radius:1px;background:#bff3f173;box-shadow:0 4px #bff3f140}.llsh-band.is-top{top:14px}.llsh-band.is-bot{bottom:40px;box-shadow:0 -4px #bff3f140}.llsh-title{position:absolute;left:50%;top:26px;bottom:50px;translate:-50% 0;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;max-width:calc(var(--w) * var(--s, 1) - 14px);font:520 17px/1.1 Bricolage Grotesque,sans-serif;letter-spacing:.01em}.llsh-hours{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:600 13px/1 Instrument Sans,sans-serif;color:#eaf2f7d9}.llsh-book:hover{transform:translateY(-6px)}.llsh-book.is-sel{transform:translateY(-18px) rotate(-1.5deg);box-shadow:inset 3px 0 #ffffff29,inset -4px 0 8px #00000040,0 18px 30px -12px #0a1c3d99,0 0 0 2px var(--ll-teal-brand)}.llsh-book:focus-visible{outline:2px solid var(--ll-focus);outline-offset:4px}@media (prefers-reduced-motion: no-preference){.llsh .llsh-book{opacity:0;translate:60px 0;rotate:8deg;transition:transform .5s cubic-bezier(.2,.9,.25,1.12),box-shadow .3s,opacity .4s,translate .9s cubic-bezier(.2,.9,.25,1.08),rotate .9s cubic-bezier(.3,1.6,.4,1)}.llsh.is-in .llsh-book{opacity:1;translate:0 0;rotate:0deg;transition-delay:0s,0s,calc(var(--i) * .11s),calc(var(--i) * .11s),calc(var(--i) * .11s + 80ms)}}.llsh-card{padding:18px 20px;border-radius:20px;background:color-mix(in oklab,var(--ll-glass) 84%,transparent);border:1px solid var(--ll-glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media (prefers-reduced-motion: no-preference){.llsh-card{animation:llsh-card .5s cubic-bezier(.19,1,.22,1)}}@keyframes llsh-card{0%{opacity:0;transform:translateY(8px)}}.llsh-card-k{margin:0;font:600 14px/1.2 Instrument Sans,sans-serif;color:var(--ll-ink-3)}.llsh-card-v{margin:8px 0 0;font-size:16px;color:var(--ll-ink-2)}.llsh-card-v b{font:520 44px/1 Bricolage Grotesque,sans-serif;letter-spacing:-.03em;color:var(--ll-ink);margin-right:6px}.llsh-card-m{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14.5px;color:var(--ll-ink-2)}.llsh-card-m:empty{display:none}@media (max-width: 640px){.llsh{--s: .64}.llsh-case{padding:22px 16px 0}.llsh-plank{margin:0 -16px}.llsh-row{min-height:200px;gap:4px;padding:0 4px}.llsh-title{font-size:14px;top:22px;bottom:44px}.llsh-band.is-top{top:11px}.llsh-band.is-bot{bottom:34px}.llsh-hours{bottom:10px;font-size:12px}}
