:root{--site-dock-height:48px;--site-dock-width:min(calc(100vw - 24px), 248px);--site-dock-bg:var(--chrome-glass,#1e1610c7);--site-dock-ink:var(--chrome-ink,#f4ecdedb);--site-dock-muted:#f4ecdeb3;--site-dock-accent:#f0a860;--site-dock-ease:cubic-bezier(.22, 1, .36, 1)}.sdock-wrap{z-index:72;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:var(--site-dock-width);pointer-events:none;transition:transform .32s var(--site-dock-ease), opacity .18s ease;position:fixed;transform:translate(-50%)}.sdock-wrap[data-dock-mode=material]{--site-dock-width:min(calc(100vw - 24px), 288px)}.sdock-wrap.sdock-hidden{transform:translate3d(-50%, calc(100% + 28px + env(safe-area-inset-bottom,0px)), 0);opacity:0}.sdock-wrap.sdock-yield{transform:translate3d(-50%, calc(100% + 28px + env(safe-area-inset-bottom,0px)), 0);opacity:0;pointer-events:none}.sdock-wrap.sdock-thread{bottom:calc(6px + env(safe-area-inset-bottom,0px));transition:transform .32s var(--site-dock-ease), opacity .18s ease, bottom .32s var(--site-dock-ease)}.sdock-wrap.sdock-thread .sdock{height:8px;transition:height .32s var(--site-dock-ease);padding:0}.sdock-wrap.sdock-thread .sdock-b,.sdock-wrap.sdock-thread .sdock-material-title{opacity:0;pointer-events:none}.sdock-wrap.sdock-thread .sdock-material-status{justify-content:center;height:auto;padding:0;position:absolute;inset:0}.sdock-wrap.sdock-thread .sdock-material-progress{background:0 0;border-radius:999px;height:100%}.sdock-wrap.sdock-thread .sdock-site{opacity:0;pointer-events:none}.sdock{width:var(--site-dock-width);height:var(--site-dock-height);box-sizing:border-box;color:var(--site-dock-ink);background:var(--site-dock-bg);backdrop-filter:var(--chrome-blur,blur(22px) saturate(150%) brightness(1.02));pointer-events:auto;border:0;border-radius:999px;padding:0 12px;position:relative;box-shadow:0 14px 34px -14px #0000008c,0 3px 10px -5px #0006}.sdock:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#fffaf038 0%,#fffaf00d 34%,#0000000a 78%,#0000001a 100%);padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sdock-site,.sdock-material{align-items:center;width:100%;min-width:0;height:100%;display:flex}.sdock-site{justify-content:space-between;gap:6px}.sdock-material{gap:3px}.sdock-b{width:31px;height:100%;color:var(--site-dock-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .16s ease, background .16s ease, transform .16s var(--site-dock-ease);background:0 0;border:0;border-radius:999px;flex:0 0 31px;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.sdock-b svg{stroke-width:1.65px;width:20px;height:20px}.sdock-b.is-on{color:var(--site-dock-accent);background:0 0}.sdock-b.is-on svg{stroke-width:2.2px;filter:drop-shadow(0 0 7px #f0a86073)}.sdock-b:active{transform:scale(.91)}.sdock-b:focus-visible{outline:2px solid var(--site-dock-ink);outline-offset:2px}.sdock-back{width:72px;color:var(--site-dock-ink);font:500 11px/1 var(--font-sans,system-ui, sans-serif);white-space:nowrap;flex-basis:72px;justify-content:center;align-items:center;gap:3px;display:flex}.sdock-back svg{width:16px;height:16px}.sdock-material-status{flex-direction:column;flex:auto;justify-content:center;gap:5px;min-width:0;height:34px;padding:0 5px;display:flex}.sdock-material-title{color:var(--site-dock-ink);font:500 12px/1.1 var(--font-sans,system-ui, sans-serif);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sdock-material-progress{background:#f7f1e424;border-radius:2px;width:100%;height:2px;display:block;overflow:hidden}.sdock-material-progress i{border-radius:inherit;background:var(--site-dock-accent);transform-origin:0;width:100%;height:100%;transition:transform .18s linear;display:block;transform:scaleX(0)}body:has(.sdock-wrap) .app-main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}@media (hover:hover) and (pointer:fine){.sdock-b:hover{color:var(--site-dock-ink);background:#ffffff12;transform:translateY(-2px)}.sdock-b:after{content:attr(data-tip);color:var(--site-dock-ink);font:500 11px/1 var(--font-sans,system-ui, sans-serif);white-space:nowrap;opacity:0;pointer-events:none;background:#0c1915f5;border-radius:7px;padding:5px 8px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.sdock-b:hover:after,.sdock-b:focus-visible:after{opacity:1;transform:translate(-50%)}}@supports not (backdrop-filter:blur(1px)){.sdock{background:#181109}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.sdock{backdrop-filter:none;background:#181109}}@media (prefers-reduced-motion:reduce){.sdock-wrap,.sdock-b,.sdock-material-progress i{transition:none}.sdock-b:active{transform:none}}@media (forced-colors:active){.sdock{color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.sdock-b,.sdock-material-title{color:buttontext}.sdock-b.is-on{outline:2px solid highlight}}@media (width<=360px){:root{--site-dock-width:min(calc(100vw - 16px), 248px)}}
