.dk{left:0;right:0;bottom:var(--dock-bottom);z-index:20;padding-inline:max(8px, var(--safe-l), var(--safe-r));pointer-events:none;will-change:transform;--cell-h:var(--dock-cell-h);--r-cell:calc(var(--cell-h) * .19);--r-tray:calc(var(--r-cell) + var(--dock-pad));--roll:.22s var(--ease-out);--lift:calc(var(--cell-h) + 2 * var(--dock-pad) + var(--dock-bottom) + 16px);transition:transform var(--glide) var(--ease-glide);justify-content:center;display:flex;position:fixed}:root{--ease-glide:cubic-bezier(.32, .72, 0, 1);--glide:.28s}.dk:not(.dk-docked){transform:translateY(var(--lift))}.dk-tray{padding:var(--dock-pad);pointer-events:none;position:relative}.dk-tray:before{content:"";border-radius:var(--r-tray);background:var(--tile);box-shadow:var(--sh-tray);position:absolute;inset:0}.dk-docked .dk-tray{pointer-events:auto}.dk-cells{z-index:2;gap:var(--dock-gap);margin:0;padding:0;list-style:none;display:flex;position:relative}.dk-cell{width:var(--dock-cell-w);height:var(--cell-h);--k:calc(var(--cell-h) / 84);position:relative}.dk-way{border-radius:var(--r-cell);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;width:100%;height:100%;transition:background-color .1s;display:block;position:relative}@media (hover:hover) and (pointer:fine){.dk-way:not([aria-current]):hover{background:var(--tile-hover);transition-duration:50ms}}.dk-way:not([aria-current]):focus-visible{background:var(--tile-hover);transition-duration:50ms}.dk-lit{z-index:1;border-radius:var(--r-cell);transform:translate(var(--plate-x,0px), var(--plate-y,0px));background:var(--lit);box-shadow:var(--sh-lit);opacity:0;pointer-events:none;position:absolute;top:0;left:0}.dk-docked .dk-lit.is-on{opacity:1}.dk-lit.is-gliding{will-change:transform;transition:transform var(--roll)}.dk-lit:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--sh-held);opacity:0;transition:opacity .2s;position:absolute;inset:0}.dk-held .dk-lit{opacity:1;will-change:transform;background:var(--lit);transition:none!important}.dk-held .dk-lit:after{opacity:1;transition-duration:.12s}.dk-void .dk-lit,.dk-void .dk-tag{opacity:0!important;transition:none!important}.dk-settle .dk-lit{transition:none!important}.dk-way:focus-visible{outline:2px solid var(--on-ground);outline-offset:3px}.dk-obj{left:calc(50% + var(--x) * var(--k));top:calc(50% + var(--y) * var(--k));height:calc(var(--h) * var(--k));pointer-events:none;z-index:2;-webkit-touch-callout:none;-webkit-user-drag:none;width:auto;max-width:none;position:absolute;transform:translate(-50%,-50%)}:is(.dk .dk-obj[data-broken],.dk .dk-way:has(.dk-obj[data-broken]) .dk-obj){visibility:hidden}.dk-name{font-family:var(--sans);font-size:var(--fs-caption);font-weight:var(--wt-caption);letter-spacing:0;text-align:center;color:var(--on-ground);-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;visibility:hidden;pointer-events:none;place-items:center;padding:2px;line-height:1.15;display:none;position:absolute;inset:0}.dk:not(.dk-nameless) .dk-way:has(.dk-obj[data-broken]) .dk-name{display:grid}.dk-docked .dk-way:has(.dk-obj[data-broken]) .dk-name{visibility:visible}.dk-measure .dk-obj{transition:none!important;transform:translate(-50%,-50%)!important}.dk-docked .dk-obj{transition:transform .16s cubic-bezier(.22,1,.36,1)}.dk-held .dk-over .dk-obj{transform:translate(-50%,-50%)scale(1.14)}@media (any-pointer:coarse){.dk-cells{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.dk-tag{left:0;bottom:calc(100% + var(--tag-gap));z-index:2;background:var(--tag-bg);max-width:calc(100vw - 16px);color:var(--oxide);box-shadow:var(--sh-tag-dock);font-family:var(--sans);font-size:var(--fs-tag);font-weight:var(--wt-control);letter-spacing:var(--tr-control);white-space:nowrap;opacity:0;pointer-events:none;will-change:transform, width;scroll-margin:0 calc(8px + var(--safe-r)) 0 calc(8px + var(--safe-l));transition:transform var(--roll), width var(--roll);border-radius:6px;line-height:1;display:block;position:absolute;overflow:hidden;translate:-50% 6px}.dk-sweep{--roll:.2s var(--ease-out)}.dk-tag:before,.dk-tag:after{content:"";z-index:1;pointer-events:none;width:7px;position:absolute;top:0;bottom:0}.dk-tag:before{background:linear-gradient(to right, var(--tag-bg), transparent);left:0}.dk-tag:after{background:linear-gradient(to left, var(--tag-bg), transparent);right:0}.dk-strip{will-change:transform;width:max-content;transition:transform var(--roll);display:flex}.dk-label{white-space:nowrap;padding:calc((var(--tag-h) - var(--fs-tag)) * .47) 1em calc((var(--tag-h) - var(--fs-tag)) * .53) .71em;align-items:center;gap:.57em;display:inline-flex}.dk-hole{background:var(--tag-hole);border-radius:50%;flex:none;width:.5em;height:.5em}html[data-tone=light] .dk-hole{box-shadow:inset 0 1px 1px #3a2a1c4d}.dk-tag.is-up,.dk-press .dk-tag,.dk-held .dk-tag{opacity:1;translate:-50%}.dk-tag.is-up,.dk-press .dk-tag{transition:opacity 70ms ease-out, translate .22s var(--spring-tag), transform var(--roll), width var(--roll)}.dk-held .dk-tag,.dk-settle .dk-tag{transition:opacity 70ms ease-out, translate .22s var(--spring-tag), width .2s var(--ease-out)}.dk-held .dk-strip,.dk-settle .dk-strip{transition:transform .2s var(--ease-out)}.dk-tag:not([data-placed]){opacity:0;transition:opacity 70ms ease-out, translate .22s var(--spring-tag)}.dk-tag:not([data-placed]) .dk-strip{transition:none}.dk:not(.dk-docked) .dk-tag{opacity:0;transition:none;translate:-50% 6px}.dk-cue{left:50%;top:calc(100% + var(--cue-gap));z-index:3;width:max-content;max-width:100%;font-family:var(--sans);font-size:var(--fs-cue);letter-spacing:var(--tr-caption);text-align:center;text-wrap:balance;color:var(--on-dark-muted);opacity:0;pointer-events:none;--cue-box:calc(var(--fs-cue) * 1.2);--cue-gap:min(clamp(8px, (var(--dock-bottom) - 47px) * 100, 12px), max(3px, var(--dock-bottom) - var(--cue-box) - 10px));margin:0;font-weight:450;line-height:1.2;position:absolute;translate:-50%}.dk-cue[data-plate]{--pad-t:clamp(2px, (var(--dock-bottom) - 28px) / 4, 5px);padding:var(--pad-t) 10px calc(var(--pad-t) + 1px);background:var(--tile);--cue-box:calc(var(--fs-cue) * 1.2 + 2 * var(--pad-t) + 1px);border-radius:6px}.dk-cue-touch,.dk-cue-tablet{display:none}@media (hover:none) and (pointer:coarse){.dk-cue-fine{display:none}.dk-cue-touch{display:inline}}@media (hover:none) and (pointer:coarse) and (min-width:600px) and (min-height:520px){.dk-cue[data-tablet] .dk-cue-touch{display:none}.dk-cue[data-tablet] .dk-cue-tablet{display:inline}}.dk-cue[data-state=hero]{opacity:1;translate:-50% calc(-1 * var(--lift,0px))}.dk-docked .dk-cue[data-state=on]{opacity:1;animation:dk-cue-in 70ms ease-out both, dk-cue-rise .42s var(--spring-tag) both}.dk-cue[data-gone]{visibility:hidden;animation:none}:where(html[data-cue-hold]) .dk-cue[data-gone]{visibility:visible}.dk-cue[data-over]{visibility:hidden}.dk:not(.dk-press):not(.dk-held) .dk-tag[data-over]:not(.is-pointed){opacity:0;transition:none}@keyframes dk-cue-in{0%{opacity:0}to{opacity:1}}@keyframes dk-cue-rise{0%{transform:translateY(4px)}to{transform:none}}html:has(.dk:not(.dk-away)){overscroll-behavior-x:none}@media (max-width:599.98px),(max-height:519.98px){.dk{--bar-in:calc(min(520px, 100vw - 2 * max(8px, var(--safe-l), var(--safe-r))) - 2 * var(--dock-pad));--cell-h:min(var(--dock-cell-h), var(--bar-in) / 6 - 4px);--plate-w:max(var(--cell-h) * 1.5, var(--bar-in) / 5);--bar-cell-w:calc((var(--bar-in) - var(--plate-w)) / 4);--r-cell:calc(var(--cell-h) / 2);--r-tray:calc(var(--cell-h) / 2 + var(--dock-pad))}.dk-tray{width:100%;max-width:520px}.dk-cells{width:100%;padding-inline:calc((var(--plate-w) - var(--bar-cell-w)) / 2)}.dk-cell{--k:min(30px / var(--gh), (var(--bar-cell-w) - 14px) / var(--gw), (var(--cell-h) - 14px) / var(--gh));flex:1 1 0;min-width:0}.dk-way{transition:background-color .16s,scale .12s}.dk-way:active{scale:.92}.dk-held .dk-way{scale:1!important}.dk-lit.is-gliding{transition:transform var(--roll)}.dk-cue,.dk-cue[data-plate]{--cue-box:calc(var(--fs-cue) * 1.2 + 11px);top:auto;bottom:calc(100% + var(--tag-gap) + var(--tag-h) + 6px);background:var(--tile);border-radius:6px;padding:5px 10px 6px}.dk-tray:not(:has(>.dk-tag.is-up))>.dk-cue[data-state=on]{bottom:calc(100% + var(--tag-gap) + (var(--tag-h) - var(--cue-box)) / 2)}:is(.dk-press .dk-cue,.dk-held .dk-cue,.dk-tray:has(>.dk-tag.is-pointed)>.dk-cue){visibility:hidden}}@media (max-height:519.98px){.dk:not(.dk-press):not(.dk-held) .dk-tag:not(.is-pointed){opacity:0;transition:none}.dk-docked .dk-cue[data-state=on]{display:none}.dk-cue[data-state=hero]{translate:-50% calc(-50% - var(--lift,0px));top:50%;bottom:auto}}@media (prefers-reduced-motion:reduce){.dk-lit.is-gliding{transition:none}.dk,.dk *,.dk :before,.dk :after{transition:none!important}.dk-tag,.dk:not(.dk-docked) .dk-tag{translate:-50%}.dk-docked .dk-cue[data-state=on]{animation:none}.dk{--lift:0px!important}.dk-tray:before,.dk-cells{will-change:opacity;transition:opacity .15s linear!important}.dk:not(.dk-docked) .dk-tray:before,.dk:not(.dk-docked) .dk-cells{opacity:.001}.dk-cue[data-state=hero]{will-change:opacity}}body:has(.dk-away){padding-bottom:var(--room-bottom);background:var(--ground) var(--ground-img) repeat;background-size:1024px}.dk-shade{left:0;right:0;bottom:calc(-1 * var(--dock-bottom));height:min(clamp(150px, 20vh, 190px), var(--room-bottom));pointer-events:none;position:absolute}.dk:not(.dk-docked) .dk-shade{display:none}.dk-shade:after{content:"";pointer-events:none;background:linear-gradient(to top, rgba(var(--ground-rgb), .82) 0%, rgba(var(--ground-rgb), .74) 18%, rgba(var(--ground-rgb), .58) 36%, rgba(var(--ground-rgb), .38) 55%, rgba(var(--ground-rgb), .18) 74%, rgba(var(--ground-rgb), .05) 90%, rgba(var(--ground-rgb), 0) 100%);position:absolute;inset:0}.dk-shade>i{-webkit-mask-image:linear-gradient(to bottom, transparent var(--a), #000 var(--c), #000 var(--d), transparent var(--e));-webkit-mask-image:linear-gradient(to bottom, transparent var(--a), #000 var(--c), #000 var(--d), transparent var(--e));mask-image:linear-gradient(to bottom, transparent var(--a), #000 var(--c), #000 var(--d), transparent var(--e));position:absolute;inset:0}@media (scripting:none){.dk{transform:none}.dk .dk-tray{pointer-events:auto}}html[data-fallback] .dk{transform:none}html[data-fallback] .dk .dk-tray{pointer-events:auto}html[data-kb] .dk,html[data-kb] .dk *,:is(html:has(dialog[open]:modal) .dk,html:has(dialog[open]:modal) .dk *){visibility:hidden!important;pointer-events:none!important}.wrap[data-skip]:focus{outline:none}@media (vertical-viewport-segments:2){.dk{top:var(--seg-b-top);height:var(--seg-b-h);justify-content:center;align-items:center;display:flex;bottom:auto}.dk-cue{--cue-gap:12px}.dk-shade{bottom:0}.dk.dk-seg-bar{--dock-cell-h:min(52px, calc((100vw - 28px) / 6 - 4px));--dock-cell-w:auto;--dock-pad:6px;--dock-gap:0px;--tag-gap:8px;--bar-in:calc(min(520px, 100vw - 2 * max(8px, var(--safe-l), var(--safe-r))) - 2 * var(--dock-pad));--cell-h:min(var(--dock-cell-h), var(--bar-in) / 6 - 4px);--plate-w:max(var(--cell-h) * 1.5, var(--bar-in) / 5);--bar-cell-w:calc((var(--bar-in) - var(--plate-w)) / 4);--r-cell:calc(var(--cell-h) / 2);--r-tray:calc(var(--cell-h) / 2 + var(--dock-pad))}.dk-seg-bar .dk-tray{width:100%;max-width:520px}.dk-seg-bar .dk-cells{width:100%;padding-inline:calc((var(--plate-w) - var(--bar-cell-w)) / 2)}.dk-seg-bar .dk-cell{--k:min(30px / var(--gh), (var(--bar-cell-w) - 14px) / var(--gw), (var(--cell-h) - 14px) / var(--gh));flex:1 1 0;min-width:0}.dk-seg-bar .dk-cue,.dk-seg-bar .dk-cue[data-plate]{top:auto;bottom:calc(100% + var(--tag-gap) + var(--tag-h) + 6px);background:var(--tile);border-radius:6px;padding:5px 10px 6px}.dk.dk-seg-dock{--dock-cell-h:clamp(56px, calc(var(--seg-b-h) * .3), 74px);--dock-cell-w:calc(var(--dock-cell-h) * 1.135);--dock-pad:8px;--dock-gap:6px;--tag-gap:9px;--cell-h:var(--dock-cell-h);--r-cell:calc(var(--cell-h) * .19);--r-tray:calc(var(--r-cell) + var(--dock-pad))}.dk-seg-dock .dk-tray{width:auto;max-width:none}.dk-seg-dock .dk-cells{width:auto}.dk-seg-dock .dk-cell{--k:calc(var(--cell-h) / 84);flex:none}.dk-seg-dock .dk-way:active{scale:none}.dk-seg-dock .dk-cue{background:0 0;padding:0;top:calc(100% + 12px);bottom:auto}.dk-seg-dock .dk-cue[data-plate]{background:var(--tile);padding:5px 10px 6px}}@media (horizontal-viewport-segments:2){.dk.dk-seg-right{left:var(--seg-r-left);--bar-in:calc(min(520px, var(--seg-r-w) - 2 * max(8px, var(--safe-r))) - 2 * var(--dock-pad))}}@media (horizontal-viewport-segments:2) and (min-width:600px) and (min-height:520px){.dk.dk-seg-right{--cell-h:min(var(--dock-cell-h), (var(--seg-r-w) - 32px) / 6.15);--dock-cell-w:calc(var(--cell-h) * 1.135);--dock-pad:calc(var(--cell-h) * 8 / 84);--dock-gap:calc(var(--cell-h) * 6 / 84)}}@media (horizontal-viewport-segments:2){.dk-seg-split .dk-tray{left:calc((var(--seg-l-w) + var(--seg-r-left)) / 2 - 50vw)}.dk-seg-split .dk-cell:nth-child(4){margin-left:calc(var(--hinge-w) + var(--dock-gap))}.dk-seg-split .dk-cue{left:calc(100% - var(--dock-pad) - (2 * var(--dock-cell-w) + var(--dock-gap)) / 2);max-width:calc(var(--seg-r-w) - 16px)}}body:has([data-reading]) .dk .dk-cue{display:none}