.dk{--dk-chrome:330px;gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.dk-stage{width:min(100%,(100dvh - 2 * var(--gutter) - var(--dk-chrome)) * 16 / 9);aspect-ratio:16/9;border:1px solid var(--line);background:var(--paper-2);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:6px;justify-self:center;min-width:min(100%,320px);overflow:hidden}.dk-stage img{-webkit-user-drag:none;width:100%;height:auto;display:block}.dk-bar{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.dk-btn{min-block-size:44px;min-inline-size:44px;padding:0 var(--sp-3);border:1px solid var(--line-2);color:inherit;font:500 .875rem/1 var(--f-sans);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:inline-grid}.dk-prev,.dk-next{padding:0}.dk-btn:hover{background:var(--line)}.dk-btn[aria-disabled=true]{color:var(--ink-soft);border-color:var(--line);cursor:default;background:0 0}.dk-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.dk-count{text-align:center;min-inline-size:8ch;font:400 .9375rem/1 var(--f-mono);font-variant-numeric:tabular-nums;margin:0}.dk-pdf{min-block-size:44px;padding:0 var(--sp-2);color:var(--clay-text);font:500 .875rem/1.2 var(--f-sans);text-underline-offset:3px;align-items:center;display:inline-flex}.dk-note{box-sizing:border-box;width:100%;max-width:68ch;padding:var(--sp-3) var(--sp-4);border-inline-start:2px solid var(--clay);background:var(--paper-2);border-radius:0 6px 6px 0;justify-self:center;margin:0}.dk-note h3{margin:0 0 var(--sp-1);font:600 .8125rem/1.3 var(--f-sans);letter-spacing:.02em;color:var(--ink-soft)}.dk-note p{font:400 1.0625rem/1.5 var(--f-sans);margin:0}.dk-thumbs{gap:var(--sp-2);padding:var(--sp-1) 4px var(--sp-2);overscroll-behavior-x:contain;scrollbar-width:thin;margin:0;list-style:none;display:flex;position:relative;overflow-x:auto}.dk-thumbs li{flex:none}.dk-thumbs button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;padding:0;line-height:0;display:block}.dk-thumbs img{aspect-ratio:16/9;background:var(--paper-2);border-radius:4px;width:96px;height:auto;display:block}.dk-thumbs button:hover{border-color:var(--line-2)}.dk-thumbs button[aria-current=true]{border-color:var(--clay)}.dk-thumbs button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.reader-deck:fullscreen{border:0;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.reader-deck:fullscreen .dk-stage{width:min(100%,(100vh - var(--dk-chrome)) * 16 / 9)}@media (width<=600px){.dk-note p{font-size:1rem}}