.htt-bar{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 8px;border-radius:18px;background:var(--wb-card,#fffffe);border:0;box-shadow:var(--card-shadow,0 1px 2px rgba(27,26,25,.04))}.htt-ib{flex:none;width:38px;height:38px;border-radius:19px;display:grid;place-items:center;background:var(--wb-fill,#efeeeb);color:var(--color-ink,#1b1a19);border:0;padding:0;cursor:pointer}.htt-ib svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.htt-hold{flex:1 1 auto;height:42px;border-radius:12px;display:grid;place-items:center;border:0;padding:0 8px;font-size:var(--fs-lg);font-weight:600;color:var(--color-ink,#1b1a19);background:var(--wb-fill,#efeeeb);touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap}.htt-hold.down{background:var(--wb-raise,#d9d7d2)}.htt-hold[disabled]{opacity:.5;cursor:default}.htt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.htt-hud{position:fixed;top:0;bottom:0;left:var(--htt-x,0);width:var(--htt-w,100vw);z-index:1000;overflow:hidden;pointer-events:none;background:linear-gradient(to top,rgba(27,26,25,.92) 0,rgba(27,26,25,.92) var(--htt-base,200px),rgba(27,26,25,.66) calc(var(--htt-base, 200px) + 180px));animation:htt-fade .18s ease-out both}.htt-hud.leaving{animation:htt-fade-out .16s cubic-bezier(.7,0,.84,0) forwards}.htt-bubw{position:absolute;left:0;right:0;bottom:var(--htt-bub-b,300px);display:flex;justify-content:center;padding:0 20px}.htt-bub{position:relative;box-sizing:border-box;width:clamp(220px,64%,300px);max-height:var(--htt-bub-max,60vh);padding:12px 16px;border-radius:var(--r-card,22px);display:flex;flex-direction:column;gap:6px;background:var(--wb-card,#fffffe);color:var(--color-ink,#1b1a19);box-shadow:0 18px 40px -18px rgb(var(--shade-rgb)/.6);animation:htt-pop .2s cubic-bezier(.16,1,.3,1) both;transition:width .18s cubic-bezier(.16,1,.3,1),background-color .14s}.htt-bub:after{content:"";position:absolute;left:50%;bottom:-6px;width:14px;height:14px;margin-left:-7px;border-radius:3px;background:inherit;transform:rotate(45deg)}.htt-bub.cancel{background:var(--wb-late,#d0402e);color:var(--wb-card,#fffffe)}.htt-bub.text{width:min(100%,420px)}.htt-wv{justify-content:center;gap:10px;flex:none}.htt-wave,.htt-wv{display:flex;align-items:center;height:30px}.htt-wave{gap:4px}.htt-wave i{display:block;width:4px;border-radius:2px;background:currentColor;height:calc(5px + 22px * var(--lv, 0) * var(--k, 1));transition:height 90ms linear}.htt-bub.cancel .htt-wave i{height:5px}.htt-tm{min-width:32px;font-size:var(--fs-cap);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink-soft,#5c5954)}.htt-bub.cancel .htt-tm{color:var(--wb-card,#fffffe)}.htt-ltx{display:flex;flex-direction:column;justify-content:flex-end;min-height:1.4em;overflow:hidden;max-height:max(1.4em,min(calc(1.4em * 2),calc(var(--htt-bub-max, 400px) - 84px)));font-size:var(--fs-lg);font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere}.htt-bub.text .htt-ltx{max-height:max(1.4em,min(calc(1.4em * 5),calc(var(--htt-bub-max, 400px) - 84px)));text-align:left}.htt-bub.text .htt-wv{justify-content:flex-start}.htt-ltx .ph{color:var(--color-ink-soft,#5c5954);font-weight:500}.htt-bub.cancel .htt-ltx{text-decoration:line-through}.htt-bub.cancel .htt-ltx .ph{color:var(--wb-card,#fffffe)}.htt-caret{display:inline-block;width:2px;height:18px;margin-left:1px;margin-right:-3px;vertical-align:-3px;background:currentColor;animation:htt-blink 1s steps(1) infinite}@keyframes htt-blink{50%{opacity:0}}.htt-sub{font-size:var(--fs-cap);color:var(--color-ink-soft,#5c5954)}.htt-nt,.htt-sub{font-weight:600;text-align:center}.htt-nt{margin:0;padding:8px 2px;font-size:var(--fs-body);line-height:var(--lh-body)}.htt-base{position:absolute;left:0;right:0;bottom:0;height:var(--htt-base,200px);animation:htt-rise .18s cubic-bezier(.2,.8,.2,1) both}.htt-base.out{animation:htt-sink .16s cubic-bezier(.7,0,.84,0) forwards}.htt-base svg{position:absolute;left:0;bottom:0;display:block;overflow:hidden}.htt-dome{fill:var(--color-ink-soft,#5c5954);transition:fill .14s}.htt-dome[data-on]{fill:var(--wb-fill,#efeeeb)}.htt-seg{fill:none;stroke:var(--color-ink-soft,#5c5954);stroke-linecap:round;transform-box:fill-box;transform-origin:center;transition:transform .14s cubic-bezier(.2,.8,.2,1),stroke .14s}.htt-seg[data-on]{stroke:var(--wb-card,#fffffe);transform:scale(1.06)}.htt-zl{position:absolute;white-space:nowrap;line-height:1;font-size:var(--fs-lg);font-weight:600;color:var(--wb-card,#fffffe);transform:translate(-50%,-50%) rotate(var(--r,0deg));transition:transform .14s cubic-bezier(.2,.8,.2,1),color .14s}.htt-zl[data-on]{color:var(--color-ink,#1b1a19);transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.06)}.htt-dl{position:absolute;left:24px;right:24px;top:calc(var(--htt-base, 200px) - var(--htt-dome, 120px) + 20px);text-align:center;font-size:var(--fs-lg);font-weight:600;line-height:1.35;color:var(--wb-card,#fffffe);transition:color .14s}.htt-dl.on{color:var(--color-ink,#1b1a19)}.htt-hud.key .htt-dl{font-size:var(--fs-sm);font-weight:600}@keyframes htt-fade{0%{opacity:0}}@keyframes htt-fade-out{to{opacity:0}}@keyframes htt-rise{0%{transform:translateY(100%)}}@keyframes htt-sink{to{transform:translateY(100%)}}@keyframes htt-pop{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.htt-base,.htt-bub{animation-name:htt-fade}.htt-base.out{animation-name:htt-fade-out}.htt-bub,.htt-seg,.htt-zl{transition:none}.htt-seg[data-on]{transform:none}.htt-zl[data-on]{transform:translate(-50%,-50%) rotate(var(--r,0deg))}.htt-wave i{height:14px;transition:none}.htt-caret{animation:none}}