:root{--dp-bg:#121114;--dp-fs-bg:#000;--dp-line:#ffffff29;--dp-line-soft:#ffffff1a;--dp-text:#f2efea;--dp-muted:#9c958d;--dp-accent:#ff5a1f;--dp-mono:"Forma DJR Mono",ui-monospace,"JetBrains Mono",monospace}html,body{height:100%}body.dp-host{background:var(--dp-bg);color:var(--dp-text);margin:0;overflow:hidden}.dp{background:var(--dp-bg);z-index:1;position:fixed;inset:0;overflow:hidden}.dp.fs{background:var(--dp-fs-bg);z-index:9999}.dp button{font-family:var(--dp-mono);color:var(--dp-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.dp-btn,.dp-arrow,.dp-esc{border:1px solid var(--dp-line);corner-shape:squircle;background:0 0;border-radius:14px;place-items:center;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid}.dp-btn:hover,.dp-arrow:hover,.dp-esc:hover{border-color:var(--dp-accent);color:var(--dp-accent)}.dp-btn:active,.dp-arrow:active{transform:scale(.94)}.dp-btn:disabled,.dp-arrow:disabled{opacity:.3;cursor:default;border-color:var(--dp-line-soft);color:var(--dp-muted)}.dp-btn:focus-visible,.dp-arrow:focus-visible,.dp-esc:focus-visible{outline:2px solid var(--dp-accent);outline-offset:3px}.dp-btn svg,.dp-arrow svg{display:block}.dp-esc{letter-spacing:.02em;width:56px;height:42px;color:var(--dp-muted);font-size:15px}.dp-btn{width:46px;height:46px}.dp-arrow{width:60px;height:74px}.dp-title{font-family:var(--dp-mono);color:var(--dp-text);white-space:nowrap;font-weight:700}.dp-stage{place-items:center;display:grid;position:absolute;inset:104px clamp(48px,5vw,110px) 116px;overflow:hidden}.dp.fs .dp-stage{inset:46px clamp(24px,4vw,80px) 104px}.dp-track{will-change:transform;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,.8,.2,1);display:flex;position:relative}.dp-slide{flex:0 0 100%;place-items:center;height:100%;display:grid}.dp-slide img{object-fit:contain;corner-shape:squircle;border:1px solid var(--dp-line-soft);background:#000;border-radius:28px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 40px 90px -40px #000000e6}.dp.fs .dp-slide img{box-shadow:none;border-color:#0000;border-radius:18px}.dp-embed{z-index:2;pointer-events:none;position:absolute;inset:0}.dp-embed>*{pointer-events:auto}.dp.fs .dp-embed{display:none}.dp-top{justify-content:center;align-items:center;height:56px;display:flex;position:absolute;top:24px;left:0;right:0}.dp-top .dp-esc{position:absolute;top:0;left:24px}.dp-embed .dp-title{font-size:clamp(20px,2.5vw,38px)}.dp-arrow.dp-prev{position:absolute;top:50%;left:clamp(20px,3vw,40px);transform:translateY(-50%)}.dp-arrow.dp-next{position:absolute;top:50%;right:clamp(20px,3vw,40px);transform:translateY(-50%)}.dp-ctrls{align-items:center;gap:clamp(20px,2.4vw,36px);display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.dp-fsbar{z-index:2;align-items:center;gap:20px;height:96px;padding:0 clamp(20px,3vw,40px);display:none;position:absolute;bottom:0;left:0;right:0}.dp.fs .dp-fsbar{display:flex}.dp-fs-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.dp-fsbar .dp-title{text-overflow:ellipsis;font-size:clamp(15px,1.6vw,22px);overflow:hidden}.dp-fs-center{align-items:center;gap:clamp(16px,1.8vw,26px);display:flex}.dp-fs-right{flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}.dp-counter{font-family:var(--dp-mono);color:var(--dp-text);text-align:center;font-variant-numeric:tabular-nums;min-width:74px;font-size:17px}.dp-counter .sep,.dp-counter .tot{color:var(--dp-muted)}.dp-play .ic-pause,.dp-play.playing .ic-play{display:none}.dp-play.playing .ic-pause{display:block}@media (width<=720px){.dp-stage{inset:72px 14px 92px}.dp-embed .dp-title{font-size:15px}.dp-arrow.dp-prev,.dp-arrow.dp-next{width:46px;height:46px;top:auto;bottom:22px;transform:none}.dp-arrow.dp-prev{left:16px;right:auto}.dp-arrow.dp-next{left:auto;right:16px}.dp-ctrls{gap:16px;bottom:24px}.dp-btn{width:42px;height:42px}.dp-top{top:18px}.dp-top .dp-esc{left:16px}}@media (width<=520px){.dp-fs-left .dp-title{display:none}}@media (width>=1921px){.dp-slide img{max-width:2000px}.dp-stage{inset:120px clamp(80px,6vw,180px) 130px}}
