.lp{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 24px 50px -36px hsl(var(--foreground) / .7);border-radius:24px;overflow:hidden}.lp[data-full=true]{background:#000;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;display:grid}.lp-stage{aspect-ratio:16/9;background:#000;position:relative}.lp[data-full=true] .lp-stage{aspect-ratio:auto;min-height:0}.lp-picture{object-fit:contain;border:0;width:100%;height:100%;display:block}video.lp-picture{cursor:pointer}.lp-veil{text-align:center;color:#fff;pointer-events:none;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.lp-veil-solid{background:#000000db}.lp-bar{background:hsl(var(--card));color:hsl(var(--foreground));gap:0;padding:2px 12px 12px;display:grid}@media (min-width:640px){.lp-bar{padding:2px 16px 14px}}.lp-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lp-gap{flex:1 1 0}.lp-time{font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));white-space:nowrap;padding:0 6px;font-size:13px;font-weight:800}.lp-btn{width:44px;height:44px;color:hsl(var(--foreground));border-radius:14px;flex:none;place-items:center;transition:background-color .15s,transform .15s,color .15s;display:inline-grid}.lp-btn:hover:not(:disabled){background:hsl(var(--muted))}.lp-btn:active:not(:disabled){transform:scale(.92)}.lp-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.lp-btn:disabled{opacity:.45}.lp-btn-main{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 10px 20px -12px hsl(var(--primary))}.lp-btn-main:hover:not(:disabled){background:hsl(var(--primary) / .9)}.lp-btn[aria-pressed=true]{color:hsl(var(--destructive))}.lp-speed{border:1px solid hsl(var(--border));height:44px;color:hsl(var(--foreground));border-radius:14px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;font-weight:800;display:inline-flex}.lp-speed:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.lp-speed>select{cursor:pointer;height:100%;font:inherit;color:inherit;background:0 0;border:0;outline:none;padding-right:2px}.lp-speed>select>option{color:hsl(var(--foreground));background:hsl(var(--card))}.lp-seek{cursor:pointer;appearance:none;background:0 0;width:100%;height:44px}.lp-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, hsl(var(--primary)) var(--p,0%), hsl(var(--muted)) var(--p,0%));border-radius:999px;height:6px}.lp-seek::-moz-range-track{background:hsl(var(--muted));border-radius:999px;height:6px}.lp-seek::-moz-range-progress{background:hsl(var(--primary));border-radius:999px;height:6px}.lp-seek::-webkit-slider-thumb{appearance:none;border:3px solid hsl(var(--card));background:hsl(var(--primary));border-radius:999px;width:18px;height:18px;margin-top:-6px;transition:transform .15s;box-shadow:0 2px 8px #0000004d}.lp-seek::-moz-range-thumb{border:3px solid hsl(var(--card));background:hsl(var(--primary));border-radius:999px;width:14px;height:14px}.lp-seek:hover::-webkit-slider-thumb{transform:scale(1.2)}.lp-seek:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:8px}.lp-seek:disabled{cursor:default;opacity:.5}.lp-note{color:hsl(var(--muted-foreground));font-size:12.5px;font-weight:600}.lp-next{border:1px solid hsl(var(--primary) / .35);background:hsl(var(--primary) / .08);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;font-weight:800;animation:.3s cubic-bezier(.22,1,.36,1) both lp-in;display:flex}.lp-next>span:first-child{align-items:center;gap:8px;display:inline-flex}@keyframes lp-in{0%{opacity:0;transform:translateY(6px)}}.lp-chip{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .15s;display:inline-flex}.lp-chip:active{transform:scale(.96)}.lp-chip:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.lp-chip[data-primary=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000}