.lgp{--lg-island:#140e09c7;--lg-island-solid:#140e09;--lg-ink:#f3e6cc;--lg-ink-secondary:#f3e6cc8c;--lg-ink-tertiary:#f3e6cc4d;--lg-ink-muted:#f3e6cc80;--lg-wave-1:#c49a55;--lg-wave-2:#e8c886;--lg-wave-3:#f4dea6;--lg-wave-stroke:#c49a5580;--lg-wave-gradient:linear-gradient(180deg, var(--lg-wave-3) 0%, var(--lg-wave-2) 45%, var(--lg-wave-1) 100%);--lg-track:#f3e6cc29;--lg-track-fill:linear-gradient(90deg, #c49a55, #f4dea6);--lg-gold-tile:linear-gradient(150deg, #f6dca0, #d8a94b 60%, #a8762b);--lg-glass-fill:#fffaf017;--lg-glass-fill-strong:#fffaf02b;--lg-glass-stroke:#fff5e129;--lg-glass-stroke-inner:#ffffff38;--lg-glass-blur:28px;--lg-glass-blur-heavy:44px;--shadow-island:0 18px 50px #00000080;--shadow-glass:0 8px 32px #0000004d;--glass-surface:inset 0 1px 0 0 var(--lg-glass-stroke-inner), inset 0 0 0 1px var(--lg-glass-stroke), var(--shadow-glass);--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--r-bar:44px;--r-pill:18.3px;--r-island:37px;--r-cover-sm:7px;--r-cover:16px;--bar-h:6.7px;--wave-bar-w:2.6px;--wave-gap:2.4px;--ease-island:cubic-bezier(.32, .72, 0, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-morph:.55s;--dur-fade:.25s;--press-scale:.92}@keyframes lg-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes lg-island-in{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.lgp *{transition:none!important}.lgp .lg-wave-bar{animation:none!important}}.lgp-tile{font-family:var(--font-serif);color:#3a2a12;background:var(--lg-gold-tile);flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff73}.lgp-tc{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--lg-ink-muted);flex:none;font-size:11px}.lgp-btn{color:var(--lg-ink);cursor:pointer;transition:transform .12s var(--ease-standard), filter .2s, color .2s;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.lgp-btn:hover{filter:brightness(1.3)}.lgp-btn:active{transform:scale(var(--press-scale))}.lgp-btn[data-active]{color:#e8c886}.lgp-play{color:#fff6e2;transition:transform .12s var(--ease-standard), background .2s, filter .2s;background:#fffaf00d;border:1px solid #fff5e138}.lgp-play:hover{filter:brightness(1.1);background:#fffaf01f}.lgp-track{height:var(--bar-h);border-radius:var(--r-bar);background:var(--lg-track);cursor:pointer;touch-action:none;flex:1;position:relative}.lgp-fill{border-radius:var(--r-bar);background:var(--lg-track-fill);height:100%;position:absolute;top:0;left:0}.lgp-knob{background:#fff6e2;border-radius:50%;width:13px;height:13px;transition:width .15s,height .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000073}.lgp-track:hover .lgp-knob{width:15px;height:15px}.lgp-chip{min-width:44px;height:40px;color:var(--lg-ink-secondary);font-family:var(--font-serif);cursor:pointer;transition:all .25s var(--ease-island);background:#fffaf00f;border:1px solid #fff5e124;border-radius:12px;flex:none;padding:0 11px;font-size:14px;box-shadow:inset 0 1px #ffffff1f}.lgp-chip:hover{color:var(--lg-ink);background:#fffaf024}.lgp-chip[data-on=true]{background:var(--lg-gold-tile);color:#241606;border-color:#0000;transform:scale(1.06);box-shadow:0 6px 16px #d8a94b5c}