.sdock-wrap{--sd-ease:cubic-bezier(.22, 1, .36, 1);--sd-h:clamp(48px, 12vw, 54px);--sd-ic:clamp(28px, 8vw, 34px);--sd-r:999px;--sd-glass:var(--chrome-glass,#1e1610c7);--sd-blur:var(--chrome-blur,blur(22px) saturate(150%) brightness(1.02));--sd-ink:var(--chrome-ink,#f4ecdedb);--sd-ink-on:var(--chrome-ink-on,#f0a860);--sd-on-bg:#f0915c33;--sd-on-ring:#f0915c52;--sd-line:var(--chrome-line,#fff4e61a);--sd-shadow:0 14px 34px -14px #0000008c, 0 3px 10px -5px #0006;display:none}@media (width<=720px){.sdock-wrap{z-index:72;padding:0 0 calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;transition:opacity .24s ease, transform .42s var(--sd-ease);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sdock-wrap.sdock-hidden{pointer-events:none;transform:translateY(calc(100% + 20px))}@media (prefers-reduced-motion:reduce){.sdock-wrap{transition:opacity .24s}}.sdock-dd{pointer-events:auto;align-items:center;gap:11px;display:flex}.sdock{height:var(--sd-h);border-radius:var(--sd-r);background:var(--sd-glass);-webkit-backdrop-filter:var(--sd-blur);box-shadow:var(--sd-shadow);border:none;align-items:center;gap:clamp(4px,1.6vw,8px);padding:0 12px;display:flex;position:relative}.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-ind{display:none}.sdock-b{z-index:1;cursor:pointer;height:100%;color:var(--sd-ink);transition:color .3s var(--sd-ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;place-items:center;padding:0 clamp(4px,1.5vw,8px);text-decoration:none;display:grid;position:relative}.sdock-b svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .3s var(--sd-ease), stroke-width .3s var(--sd-ease)}.sdock-b:not(.is-on) svg{opacity:.82}.sdock-b.is-on{color:var(--sd-ink-on)}.sdock-b.is-on svg{stroke-width:2.2px;opacity:1;filter:drop-shadow(0 0 7px #f0a86073)}.sdock-b.is-on:before{content:none}.sdock-prana{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:relative}.sdock-orb{filter:drop-shadow(0 0 13px #f0915c80)drop-shadow(0 4px 10px #00000047);opacity:.9;background:url(/dock/prana-plasma-v3.webp) 50%/contain no-repeat;width:clamp(40px,10.5vw,46px);height:clamp(40px,10.5vw,46px);animation:4.4s ease-in-out infinite sdock-pb;display:block}@keyframes sdock-pb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.sdock-orb{animation:none}}.app-main:not(:has(.m12)){padding-bottom:112px}.pisland[data-open=false]:not([data-firstmeet]):not([data-playing=true]){display:none}.pisland[data-firstmeet]{z-index:1100}.sdock-dot{background:var(--sd-ink-on);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite sdock-dotp;position:absolute;top:9px;right:9px;box-shadow:0 0 8px #f0915ccc}html.is-auth .sdock-dot{display:none}@keyframes sdock-dotp{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.sdock-dot{animation:none}}}@media (width>=721px){.sdock-wrap{z-index:72;pointer-events:none;transition:opacity .24s ease, transform .42s var(--sd-ease);justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:18px;left:0;right:0}.sdock-wrap.sdock-hidden{pointer-events:none;transform:translateY(calc(100% + 24px))}@media (prefers-reduced-motion:reduce){.sdock-wrap{transition:opacity .24s}}.sdock-dd{pointer-events:auto;align-items:flex-end;gap:8px;display:flex}.sdock{background:var(--sd-glass);-webkit-backdrop-filter:var(--sd-blur);box-shadow:var(--sd-shadow);border:none;border-radius:999px;align-items:center;gap:2px;padding:5px 6px;display:flex;position:relative}.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-ind{display:none}.sdock-b{z-index:1;cursor:pointer;width:52px;height:52px;color:var(--sd-ink);transform-origin:bottom;transform:scale(var(--mag,1)) translateY(calc((var(--mag,1) - 1) * -5px));transition:color .22s var(--sd-ease), transform .16s var(--sd-ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;place-items:center;text-decoration:none;display:grid;position:relative}.sdock-b svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.sdock-b:hover{color:var(--sd-ink-on)}.sdock-dd:not([data-mag]) .sdock-b:hover{transform:translateY(-3px)scale(1.08)}@media (prefers-reduced-motion:reduce){.sdock-b{transform:none!important}}.sdock-b:after{content:attr(data-tip);background:var(--dglass-bg,#181109e0);color:var(--dglass-ink,#f6eedd);font-family:var(--font-sans,system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:11.5px;font-weight:500;line-height:1;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0006}.sdock-b:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.sdock-b:after{transition:opacity .18s}.sdock-b:hover:after{transform:translate(-50%)translateY(0)}}.sdock-b.is-on{color:var(--sd-ink-on)}.sdock-b.is-on:before{content:"";z-index:-1;background:var(--sd-on-bg);border-radius:999px;position:absolute;inset:5px}.sdock-b{width:46px;height:46px}.sdock-b svg{width:21px;height:21px}.sdock-b:not(.is-on) svg{opacity:.9}.sdock-b:hover svg,.sdock-b.is-on svg{opacity:1}.sdock-prana{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:bottom;transform:scale(var(--mag,1)) translateY(calc((var(--mag,1) - 1) * -5px));transition:transform .16s var(--sd-ease);background:0 0;border:none;margin:0 2px;padding:0;position:relative}.sdock-dd:not([data-mag]) .sdock-prana:hover{transform:translateY(-3px)scale(1.06)}@media (prefers-reduced-motion:reduce){.sdock-prana{transform:none!important}}.sdock-orb{filter:drop-shadow(0 0 13px #f0915c80)drop-shadow(0 4px 10px #00000047);opacity:.9;background:url(/dock/prana-plasma-v3.webp) 50%/contain no-repeat;width:46px;height:46px;animation:4.4s ease-in-out infinite sdock-pb;display:block}@keyframes sdock-pb{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.sdock-orb{animation:none}}.app-main{padding-bottom:96px}.pisland[data-open=false]:not([data-firstmeet]):not([data-playing=true]){display:none}.pisland[data-playing=true]{z-index:80}.pisland[data-firstmeet]{z-index:1100}.sdock-dot{background:var(--sd-ink-on);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite sdock-dotp;position:absolute;top:10px;right:10px;box-shadow:0 0 8px #f0915ccc}html.is-auth .sdock-dot{display:none}@keyframes sdock-dotp{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.sdock-dot{animation:none}}}.sdock-b svg{display:block}.sdock-b--practice{display:none!important}html.can-practice .sdock-b--practice{display:grid!important}.sdock-prana{display:none!important}.sdock-av{object-fit:cover;width:clamp(22px,6.2vw,26px);height:clamp(22px,6.2vw,26px);box-shadow:inset 0 0 0 1px #00000040, 0 0 0 1.5px var(--sd-line);transition:box-shadow .3s var(--sd-ease);border-radius:50%;display:none}.sdock-b--me.is-on .sdock-av{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 2px var(--sd-ink-on)}.sdock-av:not([hidden]){display:block}.sdock-b--me:has(.sdock-av:not([hidden])) svg{display:none}html.gn-av .sdock-av{display:block}html.gn-av .sdock-b--me svg{display:none}body:has(#m12-dock) .sdock-wrap{display:none!important}
