:root{--qp-dock-navy:#14206b;--qp-dock-green:#62cb1f;--qp-dock-red:#f0525b;--qp-dock-inactive:#b4bce0}.qp-dock-chrome-root{z-index:40;pointer-events:none;height:0;position:absolute;bottom:0;left:0;right:0;overflow:visible;background:0 0!important;border:none!important}.qp-dock-wrap{pointer-events:none;height:0;position:relative;overflow:visible}.qp-dock-spacer{visibility:hidden;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.qp-dock-spacer--a,.qp-dock-spacer--c{height:calc(70px + 22px + 16px + env(safe-area-inset-bottom,0px))}.qp-dock-spacer--b{height:calc(62px + 24px + 16px + env(safe-area-inset-bottom,0px))}.qp-dock{z-index:41;box-sizing:border-box;pointer-events:auto;align-items:stretch;transition:left .25s ease-out,right .25s ease-out,bottom .25s ease-out,background .25s ease-out;display:flex;position:fixed}@media (prefers-reduced-motion:reduce){.qp-dock,.qp-dock button{transition:none}}.qp-dock button{cursor:pointer;min-width:0;min-height:44px;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;transition:background .2s ease-out,color .2s ease-out;display:flex}.qp-dock .qp-dock-ic{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.qp-dock .qp-dock-ic--nav{width:32px;height:32px;font-size:20px;line-height:1}.qp-dock .qp-dock-mask{background:currentColor;width:24px;height:24px;display:block}.qp-dock .qp-dock-badge{background:var(--qp-dock-red);color:#fff;text-align:center;border:2px solid var(--qp-dock-navy);border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px;position:absolute;top:-7px;right:-10px}.qp-dock .qp-dock-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.qp-dock--a{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--qp-dock-navy);height:70px;box-shadow:none;border-radius:35px;gap:2px;padding:6px}.qp-dock--a button{color:var(--qp-dock-inactive);border-radius:29px}.qp-dock--a button.qp-dock-active{color:var(--qp-dock-green);background:#ffffff21}.qp-dock--a .qp-dock-badge{border-color:var(--qp-dock-navy)}.qp-dock--b{left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--qp-dock-navy);height:62px;box-shadow:none;border-radius:31px;gap:4px;padding:6px}.qp-dock--b button{color:var(--qp-dock-inactive);border-radius:25px}.qp-dock--b .qp-dock-ic{width:25px;height:25px}.qp-dock--b .qp-dock-ic--nav{width:32px;height:32px}.qp-dock--b .qp-dock-mask{width:25px;height:25px}.qp-dock--b .qp-dock-ic--profile .qp-dock-mask{border-radius:15px;width:30px;height:30px}.qp-dock--b .qp-dock-ic--profile{width:30px;height:30px;box-shadow:0 0 0 2px var(--qp-dock-navy), 0 0 0 4px #b4bce059;border-radius:15px}.qp-dock--b button.qp-dock-active{background:var(--qp-dock-green);color:var(--qp-dock-navy)}.qp-dock--b button.qp-dock-active--profile{color:var(--qp-dock-inactive);background:0 0}.qp-dock--b button.qp-dock-active--profile .qp-dock-ic--profile{box-shadow:0 0 0 2px var(--qp-dock-navy), 0 0 0 4px var(--qp-dock-green)}.qp-dock--b .qp-dock-badge--dot{border-color:var(--qp-dock-navy);width:10px;min-width:10px;height:10px;padding:0;font-size:0;top:-5px;left:16px;right:auto}.qp-dock--c{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);background:#ffffffc7;border:1px solid #fffffff2;border-radius:35px;gap:2px;height:70px;padding:6px;box-shadow:0 12px 34px #14206b29,0 1px 3px #14206b14}html.dark .qp-dock--c,html[data-theme=dark] .qp-dock--c{background:#1c1c1ed1;border-color:#ffffff1f}.qp-dock--c button{color:#4a5272;border-radius:29px}html.dark .qp-dock--c button,html[data-theme=dark] .qp-dock--c button{color:#aeaeb5}.qp-dock--c button.qp-dock-active{color:var(--qp-dock-navy);background:#14206b14}html.dark .qp-dock--c button.qp-dock-active,html[data-theme=dark] .qp-dock--c button.qp-dock-active{color:#ecefff;background:#ffffff1a}.qp-dock--c .qp-dock-badge{border-color:#fff}html.dark .qp-dock--c .qp-dock-badge,html[data-theme=dark] .qp-dock--c .qp-dock-badge{border-color:#1c1c1e}
