.lf-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,640px);max-width:100%;height:92dvh;max-height:96dvh;padding:0;border:1px solid #292b2f;border-bottom:0;border-radius:24px 24px 0 0;background:#17181b;color:#f4f2ed;overflow:hidden;font:400 15px/1.4 inherit}
.lf-sheet[open]{display:flex;flex-direction:column;animation:lf-enter .22s ease-out}.lf-sheet::backdrop{background:#0009}.lf-sheet *{box-sizing:border-box}.lf-sheet button,.lf-sheet input{font:inherit}.lf-sheet button{min-height:44px;cursor:pointer;color:inherit;background:#1c1d20;border:1px solid #292b2f;border-radius:13px;padding:10px 12px;transition:opacity .15s,transform .15s}.lf-sheet button:active{transform:scale(.98)}.lf-sheet button:focus-visible{outline:2px solid #d5b25f;outline-offset:2px}.lf-sheet button[aria-pressed=true]{background:#303135;border-color:#f4f2ed}.lf-sheet button:disabled{opacity:.45;cursor:default}.lf-sheet header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px;flex-shrink:0}.lf-sheet h2{font-size:19px;font-weight:600;margin:0}.lf-sheet h3{font-size:17px;font-weight:600;margin:20px 0 8px}.lf-sheet p{margin:8px 0;color:#929398}.lf-sheet header button{font-size:24px;width:44px;padding:0}.lf-tabs{display:flex;gap:4px;padding:8px 12px 12px;flex-shrink:0}.lf-tabs button{flex:1;padding:9px 5px;font-size:12px;white-space:nowrap;background:transparent;border-color:transparent}.lf-tabs button[aria-selected=true]{background:#f4f2ed;color:#101113}.lf-content{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px 24px;flex:1;min-height:0}.lf-sheet footer{padding:8px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #292b2f;background:#17181b;flex-shrink:0}.lf-sheet footer>button{width:100%;background:#f4f2ed;color:#101113;font-weight:500}.lf-status:empty{display:none}.lf-status{font-size:13px}.lf-sheet svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.lf-master{padding:24px 0 16px}.lf-master>svg{width:32px;height:32px;color:#d5b25f}.lf-master h3{margin-top:12px}.lf-muted{color:#929398;font-size:13px}.lf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.lf-chips button{display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:400}.lf-rail{flex-wrap:nowrap;overflow:auto;padding:3px 0 8px}.lf-rail button{flex-shrink:0}.lf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.lf-grid .lf-mix{text-align:left;position:relative;overflow:hidden;padding:0 0 10px;border-color:transparent;background:transparent;border-radius:18px}.lf-photo{display:block;aspect-ratio:1;background:#222428;overflow:hidden;border-radius:16px}.lf-photo img{width:100%;height:100%;object-fit:cover;display:block}.lf-fallback,.lf-photo:has(>svg){display:flex;align-items:center;justify-content:center;color:#929398}.lf-fallback svg{width:40px;height:40px}.lf-mix strong,.lf-mix small{display:block;padding:0 8px}.lf-mix strong{font-size:14px;font-weight:500;margin-top:9px}.lf-mix small{color:#929398;font-size:12px;margin-top:4px}.lf-check{position:absolute;top:8px;right:8px;background:#f4f2ed;color:#101113;border-radius:50%;padding:2px}.lf-random{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.lf-search{display:block;margin:14px 0}.lf-search input{display:block;width:100%;min-height:46px;background:#101113;color:#f4f2ed;border:1px solid #292b2f;border-radius:13px;padding:10px 12px;margin-top:6px}.lf-flavors button{display:flex;align-items:center;gap:7px;min-height:60px;padding:8px;text-align:left;font-size:13px}.lf-flavors .lf-photo{width:36px;height:36px;flex-shrink:0;border-radius:8px;background:transparent}.lf-flavors .lf-photo img{object-fit:contain}.lf-flavors button>svg{width:16px;margin-left:auto}.lf-skeleton{aspect-ratio:1;background:#222428;border-radius:18px}.lm-flavor small{display:block;color:#929398;font-weight:400;font-size:13px;margin-top:4px}.lm-cup details{margin-top:16px}.lm-cup summary{min-height:44px;cursor:pointer;color:#929398;padding:10px 0;font-size:14px}.lm-cup details textarea{margin-top:4px}.lm-master-note{font-size:13px;color:#929398;margin:12px 0}
@keyframes lf-enter{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.lf-sheet[open]{animation:none}.lf-sheet button{transition:none}}

.lf-sheet{font-family:inherit;font-size:15px;line-height:1.4}.lf-sheet header{min-height:0;height:auto;margin:0}.lf-rail{scrollbar-width:none}.lf-rail::-webkit-scrollbar{display:none}.lf-photo img{opacity:0;transition:opacity .18s}.lf-loaded img{opacity:1}@media(prefers-reduced-motion:reduce){.lf-photo img{transition:none}}