.pl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:none}.pl.on{display:block}.pl__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#050505e6;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);opacity:0}.pl__wash{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background-size:cover;background-position:center;filter:blur(90px) saturate(1.5) brightness(.4);opacity:0;pointer-events:none}.pl__room{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.8vh,20px);padding:clamp(14px,2.2vw,28px) clamp(16px,4vw,54px) clamp(16px,2.4vh,26px)}.pl__top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#f5f4f08c}.pl__cat{display:flex;align-items:center;gap:10px;color:var(--paper)}.pl__cat i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:block}.pl__close{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#f5f4f014;border:1px solid rgba(245,244,240,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:var(--paper);transition:background .3s,border-color .3s,transform .45s var(--ease-smooth)}.pl__close:hover{background:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.pl__close svg{width:16px;height:16px}.pl__stage{position:relative;min-height:0;min-width:0;display:grid;place-items:center}.pl__screen{position:relative;height:100%;aspect-ratio:16 / 9;max-width:100%;border-radius:4px;overflow:hidden;background:#000;box-shadow:0 40px 130px #000000bf}.pl__screen.tall{aspect-ratio:9 / 16}.pl__screen video{width:100%;height:100%;object-fit:cover;background:#000;display:block;cursor:pointer}.pl__shutter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0a0a0a;transform:translate(-100%)}.pl__screen:fullscreen{aspect-ratio:auto;width:100%;height:100%;border-radius:0}.pl__screen:fullscreen video{object-fit:contain}.pl__head{position:absolute;z-index:4;left:0;right:0;top:0;padding:16px 18px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;opacity:1;transition:opacity .3s;pointer-events:none}.pl__head h2{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;letter-spacing:-.026em;line-height:1.15}.pl__head .meta{margin-top:6px;color:#f5f4f0a8}.pl__head .num{color:#f5f4f099}.pl__big{position:absolute;z-index:4;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:#0a0a0a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(245,244,240,.22);opacity:0;transform:scale(.86);pointer-events:none;cursor:pointer;transition:opacity .3s,transform .4s var(--ease-smooth),background .3s}.pl.is-paused .pl__big{opacity:1;transform:none;pointer-events:auto}.pl__big:hover{background:var(--accent);border-color:var(--accent)}.pl__big svg{width:24px;height:24px;fill:#fff;margin-left:3px}.pl__ctl{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:34px 12px 8px;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.45) 46%,transparent);opacity:1;transition:opacity .3s;color:var(--paper)}.pl.is-idle .pl__ctl,.pl.is-idle .pl__head{opacity:0;pointer-events:none}.pl.is-idle .pl__screen{cursor:none}.pl__bar{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin:0 4px;touch-action:none}.pl__lane{position:relative;width:100%;height:3px;border-radius:2px;background:#f5f4f047;transition:height .16s var(--ease-smooth)}.pl__bar:hover .pl__lane,.pl__bar.is-drag .pl__lane{height:5px}.pl__buf,.pl__fill,.pl__hoverfill{position:absolute;left:0;top:0;height:100%;border-radius:2px}.pl__buf{background:#f5f4f057;width:0}.pl__hoverfill{background:#f5f4f080;width:0;opacity:0;transition:opacity .16s}.pl__bar:hover .pl__hoverfill{opacity:1}.pl__fill{background:var(--accent);width:0}.pl__knob{position:absolute;top:50%;left:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .16s var(--ease-smooth)}.pl__bar:hover .pl__knob,.pl__bar.is-drag .pl__knob{transform:scale(1)}.pl__tip{position:absolute;bottom:20px;transform:translate(-50%);padding:3px 7px;border-radius:3px;background:#0a0a0ae6;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .16s;white-space:nowrap}.pl__bar:hover .pl__tip{opacity:1}.pl__row{display:flex;align-items:center;gap:4px;padding:2px 4px}.pl__b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:var(--paper);cursor:pointer;transition:background .2s,transform .3s var(--ease-smooth)}.pl__b:hover{background:#f5f4f024}.pl__b:active{transform:scale(.92)}.pl__b svg{width:19px;height:19px;fill:currentColor}.pl__vol{display:flex;align-items:center}.pl__slider{width:0;opacity:0;margin-right:0;transition:width .28s var(--ease-smooth),opacity .2s,margin .28s var(--ease-smooth)}.pl__vol:hover .pl__slider,.pl__slider:focus-within{width:74px;opacity:1;margin-right:8px}.pl__slider input{width:74px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:block}.pl__slider input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--paper) var(--v, 100%),rgba(245,244,240,.3) var(--v, 100%))}.pl__slider input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--paper);margin-top:-4px}.pl__slider input::-moz-range-track{height:3px;border-radius:2px;background:#f5f4f04d}.pl__slider input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--paper)}.pl__time{margin-left:6px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;color:#f5f4f0db;font-variant-numeric:tabular-nums}.pl__time i{color:#f5f4f080;font-style:normal;margin:0 3px}.pl__spacer{flex:1}.pl__strip{min-width:0}.pl__strip h3{margin-bottom:9px;color:#f5f4f06b;font-weight:400}.pl__scroll{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pl__scroll::-webkit-scrollbar{display:none}.pl__thumb{position:relative;flex:0 0 auto;width:clamp(96px,9.5vw,150px);aspect-ratio:16 / 10;border-radius:3px;overflow:hidden;background:#0e0e0e;cursor:pointer;opacity:.4;transition:opacity .45s var(--ease-smooth),transform .5s var(--ease-smooth)}.pl__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pl__thumb:hover{opacity:.82;transform:translateY(-3px)}.pl__thumb.on{opacity:1;transform:translateY(-5px)}.pl__thumb span.n{position:absolute;top:6px;left:8px;font-family:var(--font-mono);font-size:.54rem;letter-spacing:.14em;color:#f5f4f0e6;text-shadow:0 1px 6px rgba(0,0,0,.85)}.pl__thumb span.t{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;font-size:.7rem;font-weight:600;text-align:left;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent)}.pl__thumb span.ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent);opacity:0;transition:opacity .4s}.pl__thumb.on span.ring{opacity:1}.pl__thumb span.p{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}@media (max-width: 820px){.pl__screen{height:auto;width:100%;aspect-ratio:16 / 9}.pl__screen.tall{aspect-ratio:3 / 4}.pl__slider{display:none}.pl__head{flex-direction:column;gap:6px}.pl__head .num{align-self:flex-start}}