.sab-bar{--sab-cycle: 14s;--sab-line: rgba(var(--color-foreground), .09);--sab-muted: rgba(var(--color-foreground), .62);--sab-accent: #e8a317;--sab-accent-ink: #7d570c;--sab-accent-ink: color-mix(in srgb, var(--sab-accent) 45%, rgb(var(--color-foreground)));--sab-accent-soft: rgba(232, 163, 23, .13);--sab-accent-soft: color-mix(in srgb, var(--sab-accent) 13%, transparent);position:fixed;right:0;bottom:0;left:0;z-index:2;font-family:var(--font-body-family);font-style:var(--font-body-style)}.sab-bar[hidden]{display:none!important}.sab-bar__panel{position:relative;background-color:rgb(var(--color-background));border-top:.1rem solid var(--sab-line);box-shadow:0 calc(-1 * var(--popup-shadow-vertical-offset, 4px)) var(--popup-shadow-blur-radius, 5px) rgba(var(--color-shadow),var(--popup-shadow-opacity, .05));animation:sab-bar-in var(--duration-long, .5s) var(--ease-out-slow, cubic-bezier(0, 0, .3, 1)) both}.sab-bar__inner{display:flex;align-items:center;gap:1.3rem;max-width:var(--page-width, 120rem);min-height:4.5rem;margin:0 auto;padding:.5rem clamp(1.3rem,4vw,4rem)}.sab-bar__label{display:inline-flex;align-items:center;flex:0 0 auto;gap:.5rem;margin:0;padding:.35rem .9rem;color:var(--sab-accent-ink);font-family:var(--font-heading-family);font-size:.9rem;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;white-space:nowrap;background-color:var(--sab-accent-soft);border-radius:var(--badge-corner-radius, 4rem)}.sab-bar__label svg{width:1rem;height:1rem;flex:0 0 auto}.sab-bar__stage{position:relative;flex:1 1 auto;min-width:0}.sab-bar__item{display:flex;align-items:center;gap:1rem;min-width:0;min-height:3.6rem;margin:0;padding:0;color:rgb(var(--color-foreground));font-size:inherit;text-decoration:none}.sab-bar--left .sab-bar__item{justify-content:flex-start}.sab-bar--center .sab-bar__item{justify-content:center}.sab-bar--right .sab-bar__item{justify-content:flex-end}.sab-bar__item:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.sab-bar__thumb{width:3.2rem;height:3.2rem;max-width:none;flex:0 0 auto;object-fit:cover;background-color:rgba(var(--color-foreground),.05);border:.1rem solid var(--sab-line);border-radius:var(--media-radius, 0)}.sab-bar__thumb[hidden]{display:none}.sab-bar__copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sab-bar__title{overflow:hidden;max-width:46ch;font-size:1.2rem;font-weight:var(--font-body-weight-bold, 700);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sab-bar__meta{display:flex;align-items:baseline;gap:.5rem;color:var(--sab-muted);font-size:1.05rem;line-height:1.3;white-space:nowrap}.sab-bar__sep{color:rgba(var(--color-foreground),.3)}.sab-bar__time{font-variant-numeric:tabular-nums}.sab-bar__arrow{display:inline-flex;flex:0 0 auto;color:var(--sab-accent-ink);transition:transform var(--duration-default, .2s) var(--ease-out-slow, ease)}.sab-bar__arrow svg{width:1.2rem;height:1.2rem}.sab-bar__item:hover .sab-bar__title{text-decoration:underline;text-underline-offset:.3rem}.sab-bar__item:hover .sab-bar__arrow{transform:translate(.2rem,-.2rem)}.sab-bar__close{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex:0 0 auto;padding:0;color:var(--sab-muted);background-color:rgb(var(--color-background));border:.1rem solid var(--sab-line);border-radius:100%;cursor:pointer;transition:color var(--duration-short, .1s) ease,border-color var(--duration-short, .1s) ease}.sab-bar__close:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.4)}.sab-bar__close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.sab-bar__progress{position:absolute;top:-.1rem;right:0;left:0;height:.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.sab-bar__progress span{display:block;width:100%;height:100%;background-color:var(--sab-accent);transform:scaleX(0);transform-origin:left center}.sab-bar.is-running .sab-bar__progress span{animation:sab-progress var(--sab-cycle) linear forwards}.sab-bar__item.is-leaving{animation:sab-leave .24s cubic-bezier(.4,0,.9,.4) both}.sab-bar__item.is-entering{animation:sab-enter .42s cubic-bezier(.16,1,.3,1) both}@keyframes sab-bar-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sab-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sab-enter{0%{opacity:0;transform:translateY(.9rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sab-leave{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.7rem) scale(.99)}}@media(prefers-reduced-motion:reduce){.sab-bar__panel,.sab-bar__item,.sab-bar__arrow,.sab-bar.is-running .sab-bar__progress span{animation:none;transition:none}.sab-bar.is-running .sab-bar__progress span{transform:scaleX(1)}}@media screen and (max-width:989px){.sab-bar__title{max-width:32ch}}@media screen and (max-width:749px){.sab-bar__inner{position:relative;flex-wrap:wrap;gap:.3rem 1rem;min-height:0;padding:.5rem 4rem .6rem 1.1rem}.sab-bar__label{flex:0 1 auto;margin-right:auto;padding:.2rem .7rem;font-size:.8rem}.sab-bar__stage{flex:1 1 100%}.sab-bar__close{position:absolute;top:50%;right:1.1rem;width:2rem;height:2rem;transform:translateY(-50%)}.sab-bar__item,.sab-bar--left .sab-bar__item,.sab-bar--center .sab-bar__item,.sab-bar--right .sab-bar__item{justify-content:flex-start;gap:.8rem;min-height:2.6rem}.sab-bar__thumb{width:2.6rem;height:2.6rem}.sab-bar__title{max-width:100%;font-size:1.08rem}.sab-bar__meta{font-size:.88rem}.sab-bar__arrow{display:none}}