.pk{z-index:var(--z-lightbox);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pk[hidden]{display:none}.pk__veil{opacity:0;background:#0d0d24bd;position:absolute;inset:0}.pk__panel{opacity:0;width:min(1100px,100%);height:min(86vh,900px);position:relative}.pk.is-moving .pk__panel{pointer-events:none}.frame.pk__frame{position:absolute;inset:0}.pk__frame>.frame__inner{background:linear-gradient(160deg,#1c1d44f7,#141431fa 45%,#0f0f26fc)}.pk__body{grid-template-columns:minmax(0,1fr) clamp(260px,27%,320px);display:grid;position:absolute;inset:0}.pk__view{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:clamp(14px,2vw,24px) clamp(14px,2vw,24px) 12px;display:flex}.pk__stage{touch-action:pan-y pinch-zoom;flex:1;place-items:center;min-height:0;display:grid;position:relative}.pk__img{-webkit-user-select:none;user-select:none;max-width:none}.pk__img[hidden]{display:none}.pk__none{color:var(--text-faint);justify-items:center;gap:14px;display:grid}.pk__none[hidden]{display:none}.pk__none svg{width:56px;height:56px}.pk__none circle{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.pk__none .pk__none-faint{stroke:var(--line-faint)}.pk__none .pk__none-node{stroke:none;fill:var(--star)}.pk__zone{-webkit-tap-highlight-color:transparent;width:50%;position:absolute;top:0;bottom:0}.pk__zone[hidden]{display:none}.pk__zone--prev{left:0}.pk__zone--next{right:0}.pk__grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(clamp(96px,12vw,148px),1fr));align-content:start;gap:6px;padding:2px;display:grid;position:absolute;inset:0;overflow-y:auto}.pk__grid[hidden]{display:none}.pk__cell{background:var(--ink-2);outline-offset:-1px;height:0;padding-bottom:100%;position:relative;overflow:hidden}.pk__cell img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-unfold), opacity var(--dur-meso) var(--ease-unfold);position:absolute;inset:0}.pk__cell:after{content:"";transition:border-color var(--dur-micro) var(--ease-unfold);border:1px solid #0000;position:absolute;inset:0}.pk__cell:hover:after,.pk__cell:focus-visible:after{border-color:var(--line)}@media (hover:hover){.pk__cell:hover img{transform:scale(1.025)}}.pk__bar{justify-content:center;align-items:center;gap:clamp(6px,2vw,20px);min-height:44px;display:flex}.pk__bar[hidden]{display:none}.pk__count{min-width:7ch;color:var(--ether);font-variant-numeric:lining-nums tabular-nums;justify-content:center;gap:8px;display:flex}.pk__count-sep{color:var(--text-faint)}.pk__arrow,.pk__mode,.pk__close{width:44px;height:44px;color:var(--text-dim);transition:color var(--dur-micro) var(--ease-unfold);flex:none;place-items:center;display:grid}.pk__arrow[hidden],.pk__mode[hidden]{display:none}.pk__arrow svg{width:26px;height:10px;transition:transform var(--dur-meso) var(--ease-unfold);overflow:visible}.pk__mode svg{width:16px;height:16px;overflow:visible}.pk__arrow path,.pk__mode rect,.pk__close path,.pk__close circle{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.pk__mode[aria-pressed=true]{color:var(--star)}.pk__mode[aria-pressed=true] rect{fill:color-mix(in srgb, var(--ether) 18%, transparent)}.pk__arrow:hover,.pk__arrow:focus-visible,.pk__mode:hover,.pk__mode:focus-visible,.pk__close:hover,.pk__close:focus-visible{color:var(--star)}.pk__arrow[data-peek-prev]:hover svg{transform:translate(-4px)}.pk__arrow[data-peek-next]:hover svg{transform:translate(4px)}.pk__thumbs{overscroll-behavior-x:contain;scrollbar-width:none;justify-content:safe center;gap:6px;padding:3px 2px;display:flex;overflow-x:auto}.pk__thumbs::-webkit-scrollbar{display:none}.pk__thumbs[hidden]{display:none}.pk__thumb{opacity:.5;outline-offset:2px;height:52px;transition:opacity var(--dur-micro) var(--ease-unfold);flex:none;position:relative}.pk__thumb img{width:auto;height:100%}.pk__thumb:after{content:"";transition:border-color var(--dur-micro) var(--ease-unfold);border:1px solid #0000;position:absolute;inset:-3px}.pk__thumb:hover,.pk__thumb:focus-visible{opacity:.85}.pk__thumb[aria-current=true]{opacity:1}.pk__thumb[aria-current=true]:after{border-color:var(--line)}.pk__info{overscroll-behavior:contain;border-left:1px solid var(--line-faint);flex-direction:column;gap:10px;min-height:0;padding:64px clamp(20px,2.4vw,32px) 28px;display:flex;overflow-y:auto;container-type:inline-size}.pk__info>[hidden]{display:none}.pk__eyebrow{color:var(--ether);font-size:1.125rem}.pk__title{text-wrap:balance;font-size:min(clamp(1.7rem,2.6vw,2.3rem),max(1.5rem,12cqi));line-height:1.12}:lang(vi) .pk__title{line-height:1.24}.pk__meta{color:var(--text-dim)}.pk__lead{font-family:var(--font-display);font-variant-numeric:lining-nums;color:var(--star);margin-top:6px;font-size:clamp(1.6rem,2.2vw,2rem);font-weight:300;line-height:1.2}.pk__lead[data-empty]{color:var(--text-faint)}.pk__list{color:var(--text-dim);gap:7px;margin-top:10px;padding-top:16px;font-size:.9375rem;line-height:1.55;display:grid;position:relative}.pk__list:before{content:"";background:linear-gradient(90deg, var(--line), transparent);width:44px;height:1px;position:absolute;top:0;left:0}.pk__list li{padding-left:16px;position:relative}.pk__list li:before{content:"";border:1px solid var(--line);border-radius:50%;width:4px;height:4px;position:absolute;top:.68em;left:2px}.pk__desc{color:var(--text-dim);white-space:pre-line;margin-top:10px;line-height:1.75}.pk__ph{width:var(--ph-w,80%);background:linear-gradient(90deg, var(--line-soft), var(--line-faint) 72%, transparent);height:1px;margin-block:.7em;display:block}.pk__title .pk__ph{background:linear-gradient(90deg, var(--line-faint), var(--line) 50%, var(--line-faint));height:1px;margin-block:.55em}.pk__list li.is-empty{align-items:center;min-height:1.55em;display:flex}.pk__list li.is-empty .pk__ph{margin:0}.pk__actions{margin-top:auto;padding-top:20px}.pk__close{z-index:2;position:absolute;top:10px;right:10px}.pk__close svg{width:40px;height:40px}.pk__close circle{stroke:var(--line-soft);transition:stroke var(--dur-micro) var(--ease-unfold)}.pk__close:hover circle,.pk__close:focus-visible circle{stroke:var(--line)}.pk__ghost{z-index:3;pointer-events:none;visibility:hidden;will-change:transform;position:fixed;top:0;left:0;overflow:hidden}.pk__ghost.is-on{visibility:visible}.pk__ghost img{object-fit:cover;width:100%;max-width:none;height:100%}@media (width<=760px){.pk{padding:8px}.pk__panel{height:min(92svh,900px)}.pk__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.pk__view{gap:6px;padding:52px 10px 6px}.pk__info{border-left:0;border-top:1px solid var(--line-faint);gap:6px;max-height:34svh;padding:16px 18px 18px;container-type:normal}.pk__title,.pk__lead{font-size:1.5rem}.pk__actions{margin:0;padding:0;position:absolute;top:6px;left:8px}.pk__close{top:4px;right:4px}.pk__thumb{height:44px}}