.dock-stage{--row:.28s;--stagger:50ms;--dock-ease:var(--out);--open-d:.54s;--close-d:.36s;--fade-in:.5;--fade-out:.5;--bar-delay:.18s;--label-d:.44s;--row-base:60ms;--yr-k:.8;--yr-from:110%;--yr-ease:var(--spring)}.dock-page{position:absolute;inset:0;pointer-events:none}.dock-disc{position:absolute;left:50%;top:62%;width:min(32cqw,46cqh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--object);box-shadow:var(--shadow);display:grid;place-items:center}.dock-disc i{width:18%;aspect-ratio:1;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}.dock-dim{position:absolute;inset:0;background:#17181a0a;opacity:0;pointer-events:none;transition:opacity var(--close-d) var(--dock-ease) 40ms}.dock-stage.is-open .dock-dim{opacity:1;transition:opacity var(--open-d) var(--dock-ease) 0s}.dock{--h0:3em;--oh:24em;position:absolute;left:50%;top:14%;transform:translate(-50%);font:500 clamp(11px,1.56cqw,16px)/1 var(--font);letter-spacing:-.01em;color:var(--ink);width:var(--w-open,24em);z-index:2}.dock-bg{position:absolute;left:50%;top:0;width:var(--w,18em);height:var(--h0);transform:translate(-50%);background:var(--object);border-radius:var(--r-md);box-shadow:var(--shadow);transition:height var(--close-d) var(--dock-ease),width var(--close-d) var(--dock-ease),box-shadow var(--close-d) var(--dock-ease);will-change:height}.dock.is-open .dock-bg{height:var(--oh);width:var(--w-open);box-shadow:var(--shadow-lift);transition-duration:var(--open-d)}.dock-row{position:relative;display:flex;align-items:center;justify-content:center;gap:.25em;height:var(--h0);width:max-content;margin:0 auto;padding:0 .5em;white-space:nowrap}.dock-logo{display:inline-flex;align-items:center;gap:2px;margin-right:.5em}.dock-logo i{display:block;width:.8em;height:.8em;background:var(--ink);border-radius:50%}.dock-logo i+i{border-radius:2px}.dock-link{position:relative;display:inline-flex;align-items:center;gap:.375em;padding:.25em .75em;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;border-radius:6px}.dock-link:not(.is-current):not(.dock-toggle){opacity:.6;transition:opacity .3s var(--dock-ease)}.dock-link:not(.is-current):not(.dock-toggle):hover{opacity:1}.dock-dot{position:absolute;left:50%;bottom:-.15em;width:.3em;height:.3em;margin-left:-.15em;border-radius:50%;background:currentColor}.dock-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dock-label{position:relative;display:block;overflow:hidden;height:1.15em;line-height:1.15;transition:width var(--label-d) var(--dock-ease)}.dock-word,.dock-count{display:block;transition:transform var(--label-d) var(--dock-ease);white-space:nowrap}.dock-count{position:absolute;left:0;top:0;transform:translateY(130%);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.dock.is-open .dock-word{transform:translateY(-130%)}.dock.is-open .dock-count{transform:translateY(0)}.dock[data-card] .dock-count{display:none}.dock[data-card].is-open .dock-word{transform:none}.dock-chev{width:.875em;height:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--close-d) var(--dock-ease)}.dock.is-open .dock-chev{transform:rotate(180deg);transition-duration:var(--open-d)}.dock-drop{position:absolute;left:50%;top:var(--h0);width:var(--w-open);height:0;transform:translate(-50%);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:height var(--close-d) var(--dock-ease),opacity calc(var(--close-d) * var(--fade-out)) var(--dock-ease),visibility 0s linear calc(var(--close-d) * var(--fade-out))}.dock.is-open .dock-drop{height:calc(var(--oh) - var(--h0));opacity:1;visibility:visible;pointer-events:auto;transition:height var(--open-d) var(--dock-ease),opacity calc(var(--open-d) * var(--fade-in)) var(--dock-ease),visibility 0s}.dock[data-card] .dock-drop{clip-path:inset(0 calc((var(--w-open) - var(--w)) / 2));transition:height var(--close-d) var(--dock-ease),opacity calc(var(--close-d) * var(--fade-out)) var(--dock-ease),visibility 0s linear calc(var(--close-d) * var(--fade-out)),clip-path var(--close-d) var(--dock-ease)}.dock[data-card].is-open .dock-drop{clip-path:inset(0);transition:height var(--open-d) var(--dock-ease),opacity calc(var(--open-d) * var(--fade-in)) var(--dock-ease),visibility 0s,clip-path var(--open-d) var(--dock-ease)}.dock-scroller{--ft:0;--fb:0;position:absolute;inset:0;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3em * var(--ft)),#000 calc(100% - 3em * var(--fb)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3em * var(--ft)),#000 calc(100% - 3em * var(--fb)),transparent 100%)}.dock-scroller::-webkit-scrollbar{display:none}.dock-list{list-style:none;margin:0 auto;padding:1.25em 0 .75em;max-width:16em;display:grid;gap:2px}.dock-item{position:relative;display:block;width:100%;border:0;background:none;padding:.4em .5em;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:3px;overflow:hidden;opacity:0;transform:translateY(.6em);transition:color .14s var(--dock-ease),opacity .2s var(--dock-ease),transform .2s var(--dock-ease)}.dock.is-open .dock-item{opacity:1;transform:none;transition:color .14s var(--dock-ease),opacity calc(var(--open-d) * .7) var(--dock-ease) calc(var(--row-base) + var(--stagger) * var(--n,0)),transform var(--open-d) var(--dock-ease) calc(var(--row-base) + var(--stagger) * var(--n,0))}.dock-fill{position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:center bottom;transition:transform var(--row) var(--dock-ease)}.dock-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.5em;min-width:0}.dock-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-yr-mask{display:block;overflow:hidden;flex:none}.dock-yr{display:block;font:500 .86em/1.1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;transform:translateY(var(--yr-from));transition:transform calc(var(--row) * var(--yr-k)) var(--yr-ease)}.dock-item.is-hot,.dock-item.is-active{color:var(--object)}.dock-item.is-hot .dock-fill,.dock-item.is-active .dock-fill{transform:scaleY(1)}.dock-item.is-hot .dock-yr,.dock-item.is-active .dock-yr{transform:translateY(0)}.dock-item.is-active .dock-name:before{content:"";display:inline-block;width:.38em;height:.38em;border-radius:50%;background:var(--accent);margin-right:.45em;vertical-align:.12em}.dock-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dock-inner{transition:translate var(--row) var(--spring)}.dock-item.is-hot .dock-inner{translate:.14em 0}.dock-bar{position:absolute;right:.6em;top:50%;width:4px;height:7.25em;margin-top:-3.625em;border-radius:2px;background:#17181a1a;cursor:pointer;touch-action:none;user-select:none;opacity:0;transform:translateY(.5em);transition:opacity calc(var(--close-d) * var(--fade-out)) var(--dock-ease),transform var(--close-d) var(--dock-ease)}.dock-bar:before{content:"";position:absolute;inset:-6px -8px}.dock.is-open .dock-bar{opacity:1;transform:none;transition:opacity calc(var(--open-d) * var(--fade-in)) var(--dock-ease) var(--bar-delay),transform var(--open-d) var(--dock-ease) var(--bar-delay)}.dock-thumb{position:absolute;left:0;top:0;width:100%;height:50%;border-radius:2px;background:var(--ink);cursor:grab;will-change:transform,height}.dock-thumb.is-dragging{cursor:grabbing}.dock-bar.is-disabled{pointer-events:none;opacity:0!important}.dock-stage .cr-hint{left:50%;right:auto;translate:-50% 0;width:max-content;max-width:84%;bottom:5%;color:var(--ink-3)}.dock-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:8;display:none;transition:scale .16s var(--spring)}.dock-stage[data-preview=true] .dock-hand{display:block}.dock-hand.is-down{scale:.8}.dock-stage[data-paused=true] *{animation-play-state:paused!important}.dock-stage[data-reduced=true] *{transition:none!important;animation:none!important}@container (aspect-ratio<1){.dock{top:10%}.dock-disc{top:64%;width:62cqw}}.dock-stage[data-preview=true] .dock-dim{display:none}.dock[data-catalog] .dock-list{max-width:none;margin:0 calc(.6em + 10px) 0 6px}.dock[data-catalog] .dock-item{padding:8px 14px 8px 20px}.dock[data-catalog] .dock-inner{display:grid;grid-template-columns:2px minmax(0,1fr);gap:2px 14px;align-items:start}.dock[data-catalog] .dock-tick{grid-area:1/1/3/2;align-self:stretch;margin:2px 0;border-radius:1px;background:var(--hair);transition:background-color .14s var(--dock-ease)}.dock[data-catalog] .dock-name{grid-area:1/2;font-size:18px;line-height:24px}.dock[data-catalog] .dock-kind{grid-area:2/2;font:400 14px/18px var(--font);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .14s var(--dock-ease)}.dock[data-catalog] .dock-item.is-active .dock-tick{background:var(--accent)}.dock[data-catalog] .dock-item.is-active .dock-name:before{content:none}.dock[data-catalog] .dock-item.is-active:not(.is-hot){color:var(--ink)}.dock[data-catalog] .dock-item.is-active:not(.is-hot) .dock-fill{transform:scaleY(0)}.dock[data-catalog] .dock-item.is-hot .dock-kind{color:#ffffff80}.dock[data-catalog] .dock-item.is-hot:not(.is-active) .dock-tick{background:#ffffff3d}