.dk{--_bg: var(--dk-bg, #ffffff);--_ink: var(--dk-ink, #1d1f21);--_ink-2: var(--dk-ink-2, #5c6166);--_ink-3: var(--dk-ink-3, #969a9f);--_accent: var(--dk-accent, #2f8a5b);--_wash: var(--dk-wash, rgba(24, 26, 28, .08));position:relative;color:var(--_ink);font-family:var(--dk-font, inherit);border-radius:var(--dk-r, 14px);background:var(--_bg);box-shadow:0 0 0 1px var(--dk-edge, rgba(24, 26, 28, .1))}.dk-float{position:fixed;z-index:45;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:900px;margin:0 auto;box-shadow:0 0 0 1px var(--dk-edge, rgba(24, 26, 28, .1)),var(--dk-shadow, 0 12px 32px -12px rgba(0, 0, 0, .3));transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility 0s;will-change:transform}.dk-float.away{transform:translateY(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform .28s ease-in,opacity .2s ease,visibility 0s .28s}.dk-room{flex-shrink:0;transition:height .2s}:root{--dk-room: calc(76px + env(safe-area-inset-bottom, 0px)) }.dk-bar{display:flex;align-items:center;gap:2px;height:56px;padding:0 10px 0 8px}@media(min-width:640px){.dk-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.dk-side,.dk-mid{display:flex;align-items:center;gap:2px;min-width:0}.dk-mid{gap:10px}.dk-end{justify-content:flex-end}}@media(max-width:639px){.dk-side,.dk-mid{display:contents}.dk .dk-play{order:-1;margin-right:4px}.dk .dk-sm-up,.dk .dk-coins{display:none}}@media(max-width:767px){.dk .dk-md-up{display:none}}.dk-mix{display:flex;align-items:center;min-width:0;max-width:100%;height:44px;padding:0 10px 0 4px;border-radius:999px;text-align:left;transition:background .15s}.dk-mix:hover,.dk-mix.on{background:var(--_wash)}.dk-coins{display:flex;align-items:center;flex-shrink:0;margin-right:8px}.dk-coin{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;color:var(--c, var(--dk-ink-3, #969a9f));background:color-mix(in srgb,var(--c, var(--dk-ink-3, #969a9f)) 16%,var(--dk-bg, #fff));box-shadow:0 0 0 2px var(--dk-bg, #fff)}.dk-coin+.dk-coin{margin-left:-6px}.dk-status{min-width:0}.dk-quiet{color:var(--_ink-3)}.dk-sep{flex-shrink:0;width:1px;height:20px;margin:0 8px;background:var(--dk-line, rgba(24, 26, 28, .15))}.dk-play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:var(--dk-on-accent, #fff);background:var(--_accent);transition:transform .2s,background .15s}.dk-play:hover{background:var(--dk-accent-2, var(--_accent));transform:scale(1.05)}.dk-play:active{transform:scale(.95)}.dk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;color:var(--_ink-2);transition:background .15s,color .15s}.dk-btn:hover,.dk-btn.on{color:var(--_ink);background:var(--_wash)}.dk-btn.wide{width:auto;gap:5px;padding:0 10px;border-radius:999px}.dk-note{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:1;transform:translate(-50%);padding:6px 12px;border-radius:10px;font-size:12.5px;white-space:nowrap;color:var(--_ink);background:var(--_bg);box-shadow:0 0 0 1px var(--dk-edge, rgba(24, 26, 28, .1)),0 8px 24px -10px #0000004d}.dk-scroll{overflow-y:auto;overscroll-behavior:contain}.dk-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.dk-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--c, var(--dk-accent, #2f8a5b)) var(--p, 50%),var(--dk-wash, rgba(24, 26, 28, .12)) var(--p, 50%))}.dk-range::-moz-range-track{height:4px;border-radius:4px;background:var(--dk-wash, rgba(24, 26, 28, .12))}.dk-range::-moz-range-progress{height:4px;border-radius:4px;background:var(--c, var(--dk-accent, #2f8a5b))}.dk-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000024,0 1px 3px #0003}.dk-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000024,0 1px 3px #0003}.ui-scroll{overscroll-behavior:contain}:is(.ui-scroll,.mn-scroll,.dk-scroll,.ls-scroll,.fm-place-grid,.pl-todos,.vn-todos)::-webkit-scrollbar{width:6px;height:6px}:is(.ui-scroll,.mn-scroll,.dk-scroll,.ls-scroll,.fm-place-grid,.pl-todos,.vn-todos)::-webkit-scrollbar-track{background:transparent}:is(.ui-scroll,.mn-scroll,.dk-scroll,.ls-scroll,.fm-place-grid,.pl-todos,.vn-todos)::-webkit-scrollbar-thumb{border-radius:3px;background:var(--scroll-thumb, color-mix(in srgb, currentColor 28%, transparent))}@supports not selector(::-webkit-scrollbar){:is(.ui-scroll,.mn-scroll,.dk-scroll,.ls-scroll,.fm-place-grid,.pl-todos,.vn-todos){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb, color-mix(in srgb, currentColor 28%, transparent)) transparent}}@media(max-width:1279px){.ui-todos{max-height:min(300px,45svh)}}.nav-beat{animation:nav-beat 1.1s ease-in-out 1.4s 3;transform-origin:50% 55%}@keyframes nav-beat{0%,to{transform:scale(1)}18%{transform:scale(1.24)}36%{transform:scale(.96)}54%{transform:scale(1.12)}72%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.nav-beat{animation:none}}