.wk{overflow:hidden}.wk-head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:28px;display:grid}.wk-hl{justify-items:start;gap:16px;display:grid}.wk-hl .h2{max-width:14ch;margin:0}.wk-hr{justify-items:start;gap:14px;display:grid}.wk-hr p{max-width:46ch;margin:0}.wk-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.wk-tabs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wk-nav{gap:6px;display:flex}.wk-arr{width:44px;height:44px;transition:background .3s, color .3s, scale .45s var(--ease-spring);background:#ffffff14;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.wk-arr svg{width:18px;height:18px}html[dir=rtl] .wk-arr svg{transform:scaleX(-1)}.wk-arr:hover{background:var(--acc);color:var(--on-acc);scale:1.06}.wk-tab{border-radius:var(--r-pill);background:#ffffff14;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:500;transition:background .3s,color .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.wk-tab b{font-family:var(--font-mono);opacity:.6;font-size:11px}.wk-tab:hover{background:#ffffff24}.wk-tab.is-sel{background:var(--acc);color:var(--on-acc)}.wk-tab.is-sel b{opacity:.8}.wk-view{padding-inline:var(--gutter);cursor:none;position:relative}@media (hover:none){.wk-view{cursor:grab}}.wk-track{touch-action:pan-y;cursor:grab;gap:14px;width:max-content;display:flex}.wk-track:active{cursor:grabbing}@media (hover:hover){.wk-view,.wk-track,.wk-track:active{cursor:none}}.wk-card{aspect-ratio:4/3;border-radius:var(--r-surface);background:var(--night-2);flex:none;width:clamp(280px,30vw,440px);margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.wk-card.is-tall{aspect-ratio:3/4;width:clamp(220px,22vw,330px)}.wk-card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:scale .8s var(--ease-out)}.wk-card:hover img{scale:1.04}.wk-card figcaption{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090ab8;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;inset:auto 12px 12px}.wk-card figcaption .mono{color:var(--acc)}.wk-card figcaption b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wk-cur{--cx:-200px;--cy:-200px;z-index:3;width:72px;height:72px;translate:var(--cx) var(--cy);background:var(--acc);color:var(--on-acc);pointer-events:none;transition:opacity .3s, scale .35s var(--ease-spring);border-radius:50%;place-items:center;margin:-36px 0 0 -36px;display:grid;position:absolute;top:0;left:0}.wk-cur.is-off{opacity:0;scale:.6}.wk-cur.is-down{scale:.85}@media (hover:none){.wk-cur{display:none}}@media (max-width:809px){.wk-head{grid-template-columns:1fr;gap:16px}.wk-card{width:280px}.wk-card.is-tall{width:220px}}
